角度反应形式 - 与循环中的子项共享状态

时间:2017-08-13 10:59:28

标签: forms angular typescript

子组件内的表单如何扩展父组件传入的现有表单?

期望效果:如果其中一个子表单无效,则父表单也应该变为无效。

我正在使用反应形式。子组件的数量可能会有所不同。

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

0 个答案:

没有答案
相关问题