Angular 4/5 ng对于意外索引错误

时间:2018-02-21 22:05:30

标签: arrays angular typescript iteration

我正在尝试列出输入,但我无法编译。

<div *ngFor="let q of questions; let i = index" class="col-3">
  <div class="group">
    <input [(ngModel)]="q" [class.ng-not-empty]="q.length > 0">
    <span class="bar"></span>
    <label>Question {{i}}</label>
  </div>
</div>

我的定义如下:

questions: string[];
constructor() {
  this.questions = ['blah', 'blah', 'blah'];
}

我得到的错误是:

ERROR in : Error: Cannot assign to a reference or variable!

如果我删除索引定义它可以工作,我已经尝试了以下所有:

*ngfor="let q of questions | index as i"
*ngfor="let q of questions; index as i"

1 个答案:

答案 0 :(得分:6)

您无法使用[(ngModel)]="q",因为您正在尝试分配HTML中的本地变量(在本例中为let q

试试这个:

[(ngModel)]="questions[i]";