（ngModelChange）は角度2

Question

マイapp.component.tsにdiv要素で作業されていないコードの下

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（$イベント）がありましたタグで作業していません。 ngModelChange（）はdivタグでは機能しません。 私が以下のコードを使用すると（inputタグとともに、textAreaでも動作します）、sendData（$ event）はうまくいきます。

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

ngModelChange（）をdivで使用する方法や、これを達成するための他の解決方法をお勧めしますか？

Answer 1

ngModelChangeモデルが変更されたときに発生します。このイベントは、ngModelディレクティブなしでは使用できません。

Answer 2

デフォルトでは、divはngModelではサポートされていません。しかし、私は、コンテンツ編集可能divの代わりに入力を使用しないためのいくつかの要件（たとえば、編集可能で編集可能でないビューを持つことなど）があると仮定しています。それでも、divを使用したい場合。
これを参照してくださいanswer