angular 實時監聽input框value值的變化觸發函數。


用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對象值作比較。接下來就可以執行你自己的方法了。
如果大家有好的方法,歡迎交流。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM