Angular Reactive Form，valueChanges 运行到“最大调用堆栈大小”

Question

一旦表单发生更改，我就会尝试根据索引更改我的表单数组值。 给出以下情况： 我为每个阶段指定了开始和结束日期。除第一阶段外，一个阶段的开始日期应始终与前一阶段的结束日期相同。

我认为发生错误是因为 valueChanges 总是在方法结束时更改表单的值时调用自身。

  onChanges() {
this.projectForm.controls['phases'].valueChanges.subscribe(value => {
  for (var i = 1; i <= this.phasecount; i++) {
      this.projectPhases.at(i).patchValue({ pStart: value[i - 1].pEnd });                   
  }
})

}

你们中有人知道如何解决该错误（可能是终止条件）吗？

提前致谢。

Answer 1

这条线this.projectPhases.at(i).patchValue({ pStart: value[i - 1].pEnd }); 触发了这个事件this.projectForm.controls['phases'].valueChanges 并且它无限循环。

您可以在执行 patchValue 时将 emitEvent 选项设置为 false ：

this.projectPhases.at(i)
.patchValue({ pStart: value[i - 1].pEnd }, { emitEvent: false });