javascript - 输入文本值更改时的 ionic 触发事件

Question

在 Ionic 中，如何在文本输入字段的值发生变化时捕获事件？

输入框:

<input type="search" placeholder="Search" ng-text-change="searchMenu()">

Controller :

// ...
    $scope.searchMenu = function () {
        alert('changed')
        console.log(1);
    };
// ...

在文本字段中输入时没有任何反应。

Answer 1

简而言之，Ionic 就是 Angular，而 Angular 有两种通用的监视变化的方式:

1. 使用$scope.$watch :

标记:

 <input type="search" placeholder="Search" ng-model="search" />

和代码:

  $scope.$watch('search',function (oldValue, newValue) {
     alert('changed')
     console.log(1)
  });

为了完整起见，还有$watchGroup和 $watchCollection

1. 将 ng-change 指令与 ng-model 一起使用:

标记:

 <input type="search" placeholder="Search" 
        ng-model="search" 
        ng-change="onSearchChange()" />

和代码:

 $scope.onSearchChange = function () {
    alert('changed')
    console.log(1)
}

还有获取更改的高级方法，例如创建与 ngModel 指令 Controller 通信的指令和/或创建自定义格式化程序和解析器以与 ng-model 一起工作。