离子 3：ng-change 不起作用

Question

我有一个输入字段，用户可以在其中输入他的地址并获得自动建议：

 <ion-label color="primary" stacked>Adresse:</ion-label>
        <ion-input type="text" ng-model="autocomplete.query" ng-change="updateSearch()"></ion-input>

我的班级有一个更新方法，我想做一些事情，但不幸的是他没有参与其中。

updateSearch()
  {
    console.log('aaa');
    if (this.autocomplete.query == '') {
      this.autocompleteItems = [];
      return;
    }
}

有什么想法吗？

Answer 1

ng-model 和 ng-change 在 Angular 1 中使用。

如果 Ionic >= 2，您可以使用 ngModel 和 ionChange。

<ion-input
  type="text"
  [(ngModel)]="autocomplete.query"
  (ionChange)="updateSearch()">
</ion-input>

括号表示数据绑定是从模板到组件，方括号，组件到模板。当两者都存在时，它是双向数据绑定。

有关模板语法的更多信息，请查看Angular docs。