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對象值作比較。接下來就可以執行你自己的方法了。

以上這篇angular 實時監聽input框value值的變化觸發函數方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com