angular - 根据在 Angular 的反应形式中选择的数字推送迭代的行

Question

当我在下拉列表中选择一个数字时，我在迭代行时遇到问题。我将如何推动该数字，以便根据该数字迭代行（卡片）。我的流程是这样的，首先你必须选择单人旅行者作为“否”，这样成人和儿童的下拉菜单才会出现。该下拉列表是我的问题，我将如何根据所选数字迭代行（卡片）？我已经制作了行（卡片），但我不知道我将如何迭代它。这是我的 stackblitz 链接

点击这个链接

 updateCountAdult(value) {
    console.log(value.target.value);
    this.form.addControl('adultRows', this.adultRows);
  }

  updateCountChildren(value) {
    console.log(value.target.value);
    this.form.addControl('childrenRows', this.childrenRows);
  }

  addAdult(): FormGroup {
    return this.fb.group({
      firstName: [null, Validators.required],
      lastName: [null, Validators.required]
    });
  }


  addChild(): FormGroup {
    return this.fb.group({
      firstName: [null, Validators.required],
      lastName: [null, Validators.required]
    });

}

标签： angularangular-reactive-formsangular-formsangular4-forms

Answer 1

这是编辑后的 ​​stackblitz ：

https://stackblitz.com/edit/iterated-according-to-selected-number-dkrxeh?file=app/app.component.html