在兒童組件中定義的表單輸入Angular 2

Question

我有巨大的問題，因爲我想檢測動態生成的表單中的更改。當我創建窗體並在其中創建具有輸入元素的組件時。 NgForm無法檢測到這個輸入，控件是空的。 有人知道這個問題的任何解決方案？

@Upadate

有示例代碼我想在每一個後續嵌套輸入

goo.gl/cYX2Q1

Answer 1

您沒有提供任何代碼，但我猜你的問題及時發現變化。動態創建的組件會中斷數據綁定，這是問題所在。你必須強制設置你的輸入數據。

看看這個。 https://github.com/angular/angular/issues/6223

this.dcl.loadIntoLocation(ComponentToLoad, this.elementRef, 'host') 
        .then((component) => { 
         component.instance.inputValue = "whatever";      
         component.instance.outputValue.subscribe((value) => { 
          // do smth 
         }); 
        }); 

Answer 2

我得到它，但我不知道這是最好的方式。 在輸入上，我設置formGroup並通過方法registerControl添加每個輸入。

https://plnkr.co/edit/OtCUhxT9B21jNBx2rGZ5