每次用户以角度更新输入文本字段时调用函数

我的目标是每当用户在输入文本字段中修改时调用一个函数。

在我的示例中,每当用户在文本字段中添加或删除应调用的字符时 didModify() 同步,因此将1添加到 changeCounter .

我的 .html格式 以下内容:

<div class="pb-1">
  <input maxlength="10" placeholder="Text">
</div>
<p class="changedClass">{{changeCounter}}</p>

我的 .ts秒

export class AppComponent  {
  name = 'Angular 6';
  text1 = '';
  changeCounter = 0;

  didModify() {
    this.changeCounter = this.changeCounter + 1;
    return this.changeCounter;
  }
}

Live Demo is here.

我以前看到过,它是$watch,但在官方文档中找不到Angular5的例子。