Question

我的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)">

任何人都可以建议如何使用div的ngModelChange（）或其他任何解决方案来实现相同的目标吗？

Answer 1

ngModelChange在模型更改时触发。如果没有ngModel指令，则不能使用此事件。

Answer 2

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

（ngModelChange）在Angular 2中不使用div

2 个答案: