如何将复杂的嵌套 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
}

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

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

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

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

我试图在下面的链接中提出问题，但我认为它的长度太长，人们无法理解我需要什么。因此，其他问题几乎是一样的......所以对于善良和聪明的人来说，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;
}