如何绑定到角度 2 中的特定数组项？答案

【问题标题】：how can i bind to a specific array item in angular 2?如何绑定到角度 2 中的特定数组项？
【发布时间】：2017-07-23 16:46:56
【问题描述】：

我想使用已在数组中设置的数据绑定到特定的输入框。使用这段代码，我得到一个错误：

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}} 会显示数组当前索引处的正确值。

【问题讨论】：

标签： arrays angular binding

【解决方案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>

【讨论】：