模板内的两种方式数据绑定

Question

我想在模板中使用两种方式的数据绑定，但我总是收到此消息：

错误：无法分配给引用或变量！

这是一个模型和一个 ngFor：

class Entity {
    List<String> stringList;
}

<div *ngFor="let stringItem of entity.stringList">
    <material-input [(ngModel)]="stringItem"></material-input>
</div>

() 围绕 ngModel 导致错误。当我只使用 [ngModel] 时它正在编译，但这不会将 'item' 更改写回实体对象。

Answer 1

在这种情况下，您想使用索引功能： https://webdev.dartlang.org/angular/guide/structural-directives#inside-ngfor

有这样的东西：

<div *ngFor="let stringItem of entity.stringList; let i=index">
    <material-input [(ngModel)]="entity.stringList[i]"></material-input>
</div>

模板内的两种方式数据绑定

Two way data binding inside a template

angular-dart

错误：无法分配给引用或变量！