使用 asyncPipe 时 ngModel 不更新属性答案

【问题标题】：ngModel not updating property when using asyncPipe使用 asyncPipe 时 ngModel 不更新属性
【发布时间】：2018-01-11 09:04:19
【问题描述】：

我更新了我的应用程序以使用 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时，我是否需要特殊处理？

【问题讨论】：

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

【解决方案1】：

问题（在问题代码中不可见）是，返回 Observable 的库/模块正在发出不可变对象。

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

【讨论】：