Angular 5反应形式-FormArray的patchValue不起作用

Question

我在Ionic3框架中有这种反应形式，我需要使用从API检索的数据来填充该形式。为此，我在读某处时使用patchValue，它比setValue更可靠。

我面临的问题是，它不会填充重复的表单字段。为了更好地解释，我创建了这个example code。

我尝试了其他方法，例如直接将数据分配给相应的字段，而不是先使用for循环，但是只填充了1个集合而不是全部3个。

有人可以指出我做错了什么，还是提供更好的解决方案？

谢谢

Answer 1

在您的示例中，在home组件上设置for循环，如下所示

for(const rooms of resp.room_data){

      const roomNumberControl = this.createRooms();
      (<FormArray>this.informationForm.controls.room_numbers).push
      (roomNumberControl);
      console.log(JSON.stringify(rooms));
    }

创建房间仅需要在其中包含一些数据，但这将为数组中的每个对象创建对象。这就是我过去的做法。