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

Question

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

示例打字稿类模型

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

过去，我会像这样发送邮件。

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

再也没有了，我必须以2个对JSON对象所做的更改作为嵌套对象发送

1. “ PageQueryString”：{...
2. }，“ HearingsAndEventsType”：1

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

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

我试图在下面的链接中提出问题，但我认为这太长了，以至于人们无法理解我的需求。 因此，其他问题几乎是同一回事。...所以对于这个人，这个人善良又聪明，可以帮助您，以1的价格获得2个问题。 谢谢

当模型平坦时，Angular Typescript将复杂的json数据发送到Web API

必不可少的我使用JSON字符串化并尝试发送模型，但是我需要其他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;
}