Javascript 输入文本值更改时的Ionic fire事件
在Ionic中,当文本输入字段的值发生变化时,如何捕捉该字段上的事件 输入字段: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是一个内置的角度指令,当绑
<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)
}