同じコンポーネント内のモデルへの変更を検出する - 角型

Question

@Changを使用して@Inputを使用して、子コンポーネント内の親コンポーネントで行われた変更を検出できることはわかっています。 しかし私の使用例は、同じコンポーネント内のモデルに対して行われた変更を検出することです。 component.ts：

export class MyComponent implements OnInit { 

    private myExmapleModel: MyModel; 

    ngOnInit: void { 
      this.momyExmapleModeldel = new MyModel('', '', ''); 
    } 

} 

Iは、双方向のテンプレートHTMLにこのmyExampleModelを結合して、mymodelというインスタンスの値が同じMyComponentの内、変更したときに機能を起動します。どうやってやるの？

Answer 1

あなたは、このようにHTMLであなたのmyExmapleModelを使用している場合：

<input ([ngModel])="myExmapleModel"> 

をあなたはこのようngModelChangeコールバックを使用することができます：あなたが入力に変化を検出する場合に使用し、

<input [ngModel]="myExmapleModel" (ngModelChange)="onChange($event)" 

Answer 2

を入力 - イベントを変更したい場合、またはカーソルが入力ボックスにない場合はカーソルを移動しないでください。