なぜngModelChangeイベントは、入力ボックスにフォーカスしたり出たりするときにトリガされますか？提出された入力に|（アウト）

Question

sample.html

<input #gb type="text" pInputText class="ui-widget ui-text" [(ngModel)] 
="filterText" (ngModelChange)="filterText = $event; clearFilter(filterText)"/> 

componenent.ts

clearFilter(value) { 
       alert(value);// values is empty 
      } 

このアラートは、火災、すべての焦点になります。モデルオブジェクトに変更があった場合は、その関数にヒットしたいと思います。

どうすればいいですか？ngModelChange入力ボックスにフォーカスしている間にイベントトリガーが発生するのはなぜですか？

Answer 1

自分の仕事は、あなたが焦点とぼかし方法

<input #gb type="text" pInputText class="ui-widget ui-text" 
    [(ngModel)] ="filterText" 
    (ngModelChange)="clearFilter(filterText)" 
    (blur)="clearFilter($event)" 
    (focus)="clearFilter($event)"/> 

LIVE DEMO

を持って テキストボックスの変更を処理することであるため、あなたが[(ngModel)]を使用しているのでコメント

に基づいて更新し、 (ngModelChange)トリガーしています。