用angulajs + ionic 做了一個(gè)登陸頁(yè)面。效果要通過(guò)監(jiān)聽輸入框的變化來(lái)判斷登陸按鈕是否可點(diǎn)擊。當(dāng)至少一個(gè)輸入框?yàn)榭諘r(shí)登錄按鈕不可點(diǎn)擊。一開始是用的jquery的方法做的，后來(lái)發(fā)現(xiàn)刷新當(dāng)前頁(yè)可以實(shí)現(xiàn)效果，但是當(dāng)經(jīng)過(guò)路由跳轉(zhuǎn)后再回到登陸頁(yè)后，方法就被執(zhí)行了。

后來(lái)經(jīng)過(guò)查找資料，利用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){    //當(dāng)value改變時(shí)執(zhí)行的代碼   }  });  $scope.$watch('input.Pwd', function(newValue, oldValue) {   console.log($scope.input.Tel);   //當(dāng)value改變時(shí)執(zhí)行的代碼  });

$watch會(huì)監(jiān)聽HTML中ng-model綁定的input.Tel，input.Pwd的值與初始化的input對(duì)象值作比較。接下來(lái)就可以執(zhí)行你自己的方法了。

以上這篇angular 實(shí)時(shí)監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。