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

Question

我的帖子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"
    ]
},

"message"：“成功”，“状态”：200 }

请给我建议和指导。如何在get this API JSON中动态地在formArray中更改和创建formArray，并将get JSON转换为my Post JSON。提前谢谢。

Answer 1

根据你发布的JSON，你的form应该是这样的

... 

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"
    ];
}))