Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 输入文本值更改时的Ionic fire事件_Javascript_Angularjs_Ionic Framework_Ionic - Fatal编程技术网

Javascript 输入文本值更改时的Ionic fire事件

Javascript 输入文本值更改时的Ionic fire事件,javascript,angularjs,ionic-framework,ionic,Javascript,Angularjs,Ionic Framework,Ionic,在Ionic中,当文本输入字段的值发生变化时,如何捕捉该字段上的事件 输入字段: <input type="search" placeholder="Search" ng-text-change="searchMenu()"> 在文本字段中键入时不会发生任何情况。这是ng更改不是ng文本更改,您必须在该输入元素上设置ng模型,才能触发ng更改事件 您需要添加ng model属性,并使用ng change而不是ng text change ng change是一个内置的角度指令,当绑

在Ionic中,当文本输入字段的值发生变化时,如何捕捉该字段上的事件

输入字段:

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

在文本字段中键入时不会发生任何情况。

这是ng更改不是ng文本更改,您必须在该输入元素上设置ng模型,才能触发ng更改事件


您需要添加
ng model
属性,并使用
ng change
而不是
ng text change

ng change
是一个内置的角度指令,当绑定模型(
ng model
)更改时触发事件

因此,您的html如下所示:

<input ng-model="inputValue" ng-change="searchMenu" type="search" placeholder="Search">

在控制器中,需要添加$scope变量,如:


$scope.inputValue=''

简单地说,爱奥尼亚是有角度的,角度有两种观察变化的一般方法:

  • 使用:
  • 标记:

     <input type="search" placeholder="Search" ng-model="search" />
    
    为了完整性,还有和

  • ng change
    指令与
    ng模型一起使用
  • 标记:

     <input type="search" placeholder="Search" 
            ng-model="search" 
            ng-change="onSearchChange()" />
    
    还有一些获取更改的高级方法,如创建与ngModel指令控制器对话的指令和/或创建自定义格式化程序和解析器以使用ng模型

      $scope.$watch('search',function (oldValue, newValue) {
         alert('changed')
         console.log(1)
      });
    
     <input type="search" placeholder="Search" 
            ng-model="search" 
            ng-change="onSearchChange()" />
    
     $scope.onSearchChange = function () {
        alert('changed')
        console.log(1)
    }