如何綁定到Angle 2中的特定數組項？

Question

我想使用在數組中設置的數據綁定到特定的輸入框。 這段代碼，我得到一個錯誤：

Recommendation.question包含通過服務加載的一系列問題。 這可以很好地工作，並且也可以使用方括號顯示問題的價值。 只是數組的值不會綁定到輸入框。

我得到的錯誤：

Unhandled Promise rejection: Cannot assign to a reference or variable! ; Zone: <root> ; Task: Promise.then ; Value: ZoneAwareError Error: Cannot assign to a reference or variable!

  <div class="list-group-item"
    *ngFor="let question of Recommendation.question; let i = index;">
    <input class="form-control" name="question" [(ngModel)]="question"/>
    {{question}}
    {{i}}
  </div>

如果我注釋掉輸入字段，則{{question}}顯示數組當前索引處的正確值。

Answer 1

問題在於[(ngModel)]變量與迭代中的引用相同，即question 。

這樣做應該可以：

<div class="list-group-item"
  *ngFor="let question of Recommendation.question; let i = index;">
  <input class="form-control" name="question" [(ngModel)]="Recommendation[i]"/>
  {{question}}
  {{i}}
</div>