如何将复杂的嵌套 JSON 从 Angular Typescript 发送到 Web Api？

Question

I have 2 issues with my json data as I am use to sending it "flat"

打字稿示例 class 模型

UserID: number;
AppID: number;
Key: string;
HearingsAndEventsType: number

以前我都是这样发上面的

{
   "UserID": 61525,
   "AppID": 15,
   "Key": "abc",
   "HearingsAndEventsType": 1
}

不再是，我必须作为嵌套对象发送，并对 JSON 对象进行 2 处更改

1. "PageQueryString"：{...
2. }, "HearingsAndEventsType": 1

因此我需要发送的强制结构将看起来像这样

{
  "PageQueryString": {
      "UserID": 61525,
      "AppID": 15,
      "Key": "abc"
},
    "HearingsAndEventsType": 1
}

我试图在下面的 link 中提出问题，但我认为它的篇幅太长，人们无法理解我的需要。因此，其他问题几乎是同一回事……所以对于善良和聪明的人来说，可以提供 2 个问题，价格为 1 个。谢谢

Angular Typescript sending complex json data to web api when model is flat

基本我使用 JSON stringify 并尝试发送模型，但我需要其他 json

 getPageCommonData(menu: Menu)  {
    return this.http.post(pageCommonData, JSON.stringify(menu), httpOptions)
  ....
 }

Answer 1

您只需要创建两个模型：

class QueryString {
    UserID: number;
    AppID: number;
    Key: string;
}

class Menu {
    PageQueryString: QueryString;
    HearingsAndEventsType: number;
}