通過引用將值從父組件傳遞到子組件

Question

我有2個組件： parentComponent和childComponent 。 在parentComponent我有一個FormGroup類型值作為parentForm ，它通過@input傳遞給childComponent ：

export class parentComponent {
...

 parentForm: FormGroup;

....
}

export class childComponent {
...

 @Input()
 childForm :FormGroup; //The parentForm 

....
}

當我運行這些代碼時，一切正常，我的childComponent識別出childForm ，這是parentComponent的輸入值，但是每當我更改parentComponent中parentForm中的某些屬性時， childComponent都無法意識到這些變化，並且在調試代碼時，我看到了該childComponent持有舊的輸入值，沒有更新的變化childForm在childComponent 。 現在，我試圖找到一種方法來傳遞parentForm的引用以解決我的問題。 因為我認為通過這種方式， parentForm任何更改都會立即通知childForm 。 我不知道怎么可能。 （Angular的版本是5.0.1）

Answer 1

從本質上講，這個問題與此問題以及另一個問題密切相關。

為了解決您的問題，我建議采用以下方法：

• 使用帶有指令NgModel的表單組填充對象。
• 將@Input() childForm :FormGroup更改為@Input() childForm : Object使用NgModel將對象填充為對象類
• 如果Object不是原始值string boolean ， num ，則它將通過引用傳遞，因此您將立即獲得更新后的值。