將子模塊中的`ngModel`配置爲父項

Question

我正在嘗試使子模塊內部的[(ngModel)]工作。我最終想要的是將大複雜表格分成小可讀表格。我希望這會讓我的代碼更易於理解。

這是我的工作不代碼：https://plnkr.co/edit/UrTopLJ8RsZovltDkPiR?p=preview

我分叉我的代碼從這個非常有用的文章：https://blog.thoughtram.io/angular/2016/10/13/two-way-data-binding-in-angular-2.html#creating-custom-two-way-data-bindings

我希望有一種方法很好地在角4

Answer 1

拆分大單

你缺少的是吸氣和吸氣。使用它們或再使用ngModelChange發出修改後的值：

@Input() counter; 
@Output() counterChange = new EventEmitter(); 

，然後在模板：

(ngModelChange)="counterChange.emit(counter)" 

PLUNKER

正如你所說，你會使用這一個形式。我建議你使用模型驅動的形式，因爲那樣你就不需要這個了。您可以在父級構建表單，並將嵌套的表單組傳遞給子級（ren）。家長會意識到您在孩子中所做的更改，而無需使用@Output()

下面是一個很好的示例，其中將嵌套組傳遞給子組件的示例爲Nested model driven forms。