根据 Angular 中在反应式表单中选择的数字推送迭代行

Question

当我 select 在我的下拉列表中输入一个数字时，我在迭代行时遇到了问题。我将如何推送该数字，以便根据该数字迭代行（卡片）。我的过程是这样的，首先你必须 select Solo Traveler 为 'No' 这样成人和儿童下拉菜单就会出现。该下拉列表是我的问题，我将如何根据该数字 selected 迭代行（卡片）？我已经制作了行（卡片），但我不知道如何迭代它。这是我的 stackblitz link

CLICK THIS LINK

 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]
    });

}

Answer 1

这是经过编辑的 stackblitz：

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

根据 Angular 中在反应式表单中选择的数字推送迭代行

Pushing Iterated Rows Depending on Number Selected in Reactive Forms in Angular

angular

angular-reactive-forms

angular-forms

angular4-forms