用angulajs + ionic 做了一個登陸頁面。效果要通過監聽輸入框的變化來判斷登陸按鈕是否可點擊。當至少一個輸入框為空時登錄按鈕不可點擊。一開始是用的jquery的方法做的,后來發現刷新當前頁可以實現效果,但是當經過路由跳轉后再回到登陸頁后,方法就被執行了。后來經過查找資料,利用angular.js的$watch方法解決了。代碼大概如下:
$scope.input = {//初始化,避免ng-model綁定取不到值
Tel:'',
Pwd:''
}
$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對象值作比較。接下來就可以執行你自己的方法了。
如果大家有好的方法,歡迎交流。
