(ngModelChange) 不适用于 Angular 2 中的 div答案

【问题标题】：(ngModelChange) is not working with div in Angular 2(ngModelChange) 不适用于 Angular 2 中的 div
【发布时间】：2018-05-12 19:30:40
【问题描述】：

我的 app.component.ts 有以下代码

  public sendData(data: any) {
    console.log(data);
  }

app.component.html 有以下代码

 <div type="text" contenteditable="true" (ngModelChange)="sendData($event)" [innerHTML]="childSampleData" (input)="childSampleData=$event.target.innerHTML"
    style="background-color : pink">

sendData($event) 不适用于标签。 ngModelChange() 不适用于 div 标签。然而，如果我使用下面的代码（带有输入标签，它也适用于 textArea）sendData($event) 工作正常。

 <input type="text" class="form-control" value="{{ childSampleData }}" [(ngModel)]='childSampleData' (ngModelChange)="sendData($event)">

任何人都可以建议如何将 ngModelChange() 与 div 一起使用或有任何其他解决方案来实现相同的目标吗？

【问题讨论】：

ngModelChange 用于观察 ngModel 指令字段不用于 Div 更改，用于检测 Div 更改创建自定义指令

标签： angular

【解决方案1】：

ngModel 默认不支持 div。但我假设您有一些要求（例如，具有相同的可编辑和不可编辑视图）不使用输入而不是内容可编辑 div。不过，如果你想使用 div。
看到这个answer

【讨论】：

【解决方案2】：

ngModelChange 在模型更改时触发。如果没有 ngModel 指令，您将无法使用此事件。

【讨论】：