Angular 2动态表单绑定无法正常工作

Question

我使用Angular 2（或4）创建一个动态表单，其中表单数组（rooms）嵌套表单数组（子）。

子数组不会绑定.value表单属性中的控件和值，即使它们被添加到它中也是如此。

这里是plunkr：https://embed.plnkr.co/DjtLLt0vS0qmmvgqKhN8/

我想念的是什么？

Answer 1

您有一个简单错误，请从controls

中删除最后一个addChild()

addChild(i: number) {
    const control = 
       //remove the last 'controls'
       this.searchform.controls.rooms).controls[i]).controls["children"].controls;
    control.push(this.initAge());
}

而是：

addChild(i: number) {
    const control =
      this.searchform.controls.rooms).controls[i]).controls["children"];
    control.push(this.initAge());
}

这是你的叉子：https://plnkr.co/edit/SmnjBroGHufori1PWNSR?p=preview