保存輸入模糊上的數組元素

Question

我有一張表格，裏面填充了Array的元素，比如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>