子组件内的表单如何扩展父组件传入的现有表单?
期望效果:如果其中一个子表单无效,则父表单也应该变为无效。
我正在使用反应形式。子组件的数量可能会有所不同。
export class AddressFormComponent implements OnInit {
@Input() addressesForm; // This is the parent form
@Input() addressData;
addressForm;
constructor(private formBuilder: FormBuilder) {}
ngOnInit() {
this.addressForm = this.formBuilder.group({
...
});
// Trying to add this to the parent form will break the application (Maximum call stack size exceeded)
this.addressesForm.push(this.addressesForm);
}
我制作了一个简化的plunker:https://plnkr.co/edit/GymI5CqSACFEvhhz55l1?p=preview。