使用asyncPipe时ngModel不更新属性

时间:2018-01-09 18:52:28

标签: angular angular2-directives angular-ngmodel angular-observable

我更新了我的应用以使用Observables。到目前为止,一切都有效,除此之外:

<tr *ngFor="let ingredient of ingredients | async">
  <td>{{ingredient.name}}</td>
  <td>
    <input
      type="number"
      (keyup.enter)="updateAmount(ingredient)"
      [(ngModel)]="ingredient.amount"
    >
  </td>

由于某种原因,ingredient.amount将不再更新。

在涉及async时,我是否必须以特殊方式对待此事?

1 个答案:

答案 0 :(得分:0)

问题(在问题代码中不可见)是,返回Observable的库/模块发出了不可变对象。

相应的只读错误只有在我删除Angular 2的[(ngModel)]语法糖并自己添加了(ngModelChange)事件绑定后才可见。