angular实时监听input框value值的变化触发函数⽅法
⽤angulajs + ionic 做了⼀个登陆页⾯。效果要通过监听输⼊框的变化来判断登陆按钮是否可点击。当⾄少⼀个输⼊框为空时登录按钮不可点击。⼀开始是⽤的jquery的⽅法做的,后来发现刷新当前页可以实现效果,但是当经过路由跳转后再回到登陆页后,⽅法就被执⾏了。
后来经过查资料,利⽤angular.js的$watch⽅法解决了。
代码⼤概如下:
$scope.input = {//初始化,避免ng-model绑定取不到值
Tel:'',
angular和angularjsPwd:''
}
$scope.$watch('input.Tel', function(newValue, oldValue) {
console.log($scope.input.Tel);
if ($scope.input.Tel != oldValue){
//当value改变时执⾏的代码
}
});
$scope.$watch('input.Pwd', function(newValue, oldValue) {
console.log($scope.input.Tel);
//当value改变时执⾏的代码
});
$watch会监听HTML中ng-model绑定的input.Tel,input.Pwd的值与初始化的input对象值作⽐较。接下来就可以执⾏你⾃⼰的⽅法了。
以上这篇angular 实时监听input框value值的变化触发函数⽅法就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论