离子3:ng-change不起作用

时间:2017-09-29 14:56:41

标签: angularjs ionic-framework ionic2 ionic3

我有一个输入字段,用户可以输入他的地址并获得自动建议:

 <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;
    }
}

有什么想法吗?

1 个答案:

答案 0 :(得分:5)

Angular 1中使用了

ng-modelng-change

使用Ionic&gt; = 2,您可以使用ngModelionChange

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

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

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