angular 實時監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法

發(fā)布時間：2020-09-16 15:31:25 來源：腳本之家閱讀：420 作者：返回主頁 wjw_Dream 欄目：web開發(fā)

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

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

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

以上這篇angular 實時監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

angular 實時監(jiān)聽input框value值的變化觸發(fā)函數(shù)方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽