javascript - 在输入模糊上保存数组元素

Question

我有一个表，其中填充了数组的元素，例如phases: Phase[];。

当我的用户单击表格的一行时，他可以通过输入编辑其内容，当任何输入模糊(失去焦点)时，我希望在数组中保存该特定元素的新信息。

我正在寻找一种干净的方法来做到这一点，这是我迄今为止一直在尝试的方法:

<!-- Table rows -->
<tr *ngFor="let phase of phases ; let i = index" [attr.data-index]="i">
   <input value="{{phase.name}}" (blur)="savePhase(phase, i)">  
   <input value="{{phase.milestone}}" (blur)="savePhase(phase, i)">
</tr>

其中 savePhase(phase, index) 应该保存我们的元素及其新值。但在这里我找不到解决方案，在模糊时，我的方法确实被调用，但phase的值包含旧的值。

如何让我的方法知道:要更改哪些特定值(名称、里程碑等)而不传递其新值及其名称？

如果我执行以下操作:savePhase(phase, index, inputName, inputValue)，我的方法将不干净，维护也会很糟糕。

Answer 1

我认为你正在寻找的是 ngModel

<tr *ngFor="let phase of phases ; let i = index" [attr.data-index]="i">
   <input [ngModel]="phase.name" (blur)="savePhase(phase, i)">  
   <input [ngModel]="phase.milestone" (blur)="savePhase(phase, i)">
</tr>