Javascript 我无法在angular 8中更改Get JSON数据和动态创建表单

我的帖子就像

  {
 "items":[
    {
  "templatename":"Defult",
  "tasks":[
    "task-1",
    "task-2 ",
    "task-3",
    "task-4",
    "task-5",
    "task-6",
    "task-7"
  ]
},
{
  "templatename":"Eccormce",
  "tasks":[
    "task-1 ",
    "task-2",
    "task-3",
    "task-4",
    "task-5"
  ]
},
{
  "templatename":"co-oprate",
  "tasks":[
    "task-1",
    "task-2",
    "task-3"
  ]
}

] }

但我的API JSON就是这样

  {
"data":{
"id": 10,
"Default":[
"Task 1 ",
"Task 2",
"Task 3"
],
"E-commerce":[
"Task 1",
"Task 2",
"Task 3"
],
"Corporate":[
"Task 1"
    ]
},

... 

all your imports

export interface Items {
    templatename: string,
    tasks: string[]
}

...

form: FormGroup;
items: Items[];

constructor(private fb: FormBuilder) { }

ngOnInit() {

    this.form = this.fb.group({
        items: this.fb.array([])
    });

}

get items(): formArray {
    return this.form.get('items') as formArray
}

“消息”：“成功”， “地位”：200 }

---

请建议和指导我。如何在get this API JSON中动态更改和创建

formArray

内部

formArray

，并将我的get JSON转换为my Post JSON。提前谢谢。

根据

JSON

你发布的

表单应该是这样的

  {
"data":{
"id": 10,
"Default":[
"Task 1 ",
"Task 2",
"Task 3"
],
"E-commerce":[
"Task 1",
"Task 2",
"Task 3"
],
"Corporate":[
"Task 1"
    ]
},

... 

all your imports

export interface Items {
    templatename: string,
    tasks: string[]
}

...

form: FormGroup;
items: Items[];

constructor(private fb: FormBuilder) { }

ngOnInit() {

    this.form = this.fb.group({
        items: this.fb.array([])
    });

}

get items(): formArray {
    return this.form.get('items') as formArray
}

现在将对象作为
formGroup
推送到items数组中

this.items.push(this.form.group({
    templatename: "Defult",
    tasks: [
         "task-1",
         "task-2",
         "task-3"
    ];
}))