ForEach Inside ForEach in Reactive Forms Angular 4

时间:2018-01-23 02:19:12

标签: angular angular-reactive-forms angular4-forms angular-forms

我怎样才能获得expiration_date,因为我的成分相同但有效期不同。我的想法是,我应该有一个下拉列表,可以选择成分并输出每个不同的到期日期。我的问题怎么能在Foreach里面做ForEach?这是我的stackblitz链接。

CODE LINK HERE

  

TS

 patchValues() {
    let rows = this.addForm.get('rows') as FormArray;
    this.ingredients.forEach(data => {
      rows.push(this.fb.group({
      ingredient_id: data.id,
      qty_available: data.qty_available,
      qty: ['', Validators.required],
      expiration_date: "How to ForEach HERE?",
    }))
    })
  }

1 个答案:

答案 0 :(得分:0)

为什么不创建/使用已定义的对象类和定义的对象数组来定义您的数据而不是嵌套对象定义/ JSON的这个大块?

成分由id,name和warehouseItem数组

组成

warehouseItem是id,名称,总库存等的名称

根据您所在的行创建成分列表并检索索引,然后将可能的结果添加到选择选项中。

这是我做过的一个小例子:https://stackblitz.com/edit/form-array-patch-fkhayr