如何循环 Angular FormArray - 当前设置为循环中的最后一项

Question

我正在尝试遍历 FormArray 设置值。对 javascript 相当陌生。

TeamWorkingDate 以下为Team FormArray 中的 7 个 FormGroup 中的每一个设置为相同的日期，并设置为循环中的最后一个，日期 + 7 天。

我尝试了许多 forEach 的变体，并回答了 @JavaScript closure inside loops – simple practical example，因为我相信这一定是一些关闭问题。

尽管阅读了这篇文章，但我对闭包的理解是有限的。在这种情况下 - setValue 是否可以访问函数调用之外的变量 i 并且“看到”i = 7 也是如此？我以为let 可以解决这个问题？

  setDates(date: moment) {
    var arr = [];
    for(let i = 0; i < 7; i++) {
      let nextDate = date.clone().add(i, 'day');
      arr.push(nextDate);
      (<FormArray>this.myForm.get('Teams')).controls[i]
        .get('TeamWorkingDate').setValue(arr[i]);
    }
  }

我的表格：

  ngOnInit() {
    this.myForm = this.fb.group({
      Teams: this.fb.array([])
    });
    const team = this.fb.group({
      TeamWorkingDate: '',
      ...
    })
    for (let i = 0; i < 7; i++) {
      (<FormArray>this.myForm.get('Teams')).push(team);
    }
  }

编辑：更改为 let nextDate = date.clone().add(i, 'day'); 而不是 var

Answer 1

目前 formArray 中的所有 formGroups 都指向同一个 FormGroup 引用，因此在任何索引处更改值都会有效地更新同一个组。在 formArray 中创建并推送新的 FormGroup。

 ngOnInit() {
    this.myForm = this.fb.group({
      Teams: this.fb.array([])
    });
    for (let i = 0; i < 7; i++) {
      const team = this.fb.group({
      TeamWorkingDate: '',
        ...
      })
      (<FormArray>this.myForm.get('Teams')).push(team);
    }
  }