Angular中的$watch可以監(jiān)聽屬性值的變化，然后并做出相應處理。
常見用法：
$scope.$watch("person", function(n, o){ //todo something...})
但是對于一個對象中的某個屬性值變化時，$watch似乎不管用了。
示例代碼：
<body> <div ng-controller="mainCtrl"> <input id="myText" type="text" ng-model="person.name"/> <h2>{{person}}</h2> <h2>Status: {{status}}</h2> </div> <script> angular.module('myApp', []) .controller('mainCtrl', function ($scope) { $scope.person = { name:"allen", age:21 } $scope.$watch("person", function(n, o){ //取消第一次加載時的監(jiān)聽響應 if(n == o){ return; } $scope.status = "changed" }) })</script></body>
我們?yōu)檩斎肟蚪壎藀erson對象的name屬性，然而當我們改變輸入框的值時候，{{person}}確實改變了，然而并沒有出現我們想要的change字符。
效果：
我們需要為$watch方法額外添加一個true參數，使之達到我們想要的效果：
$scope.$watch("person", function(n, o){ if(n == o){ return; } $scope.status = "changed";},true)$watch方法完整的使用方式是這樣的：
$watch(watchExpression, [listener], [objectEquality]);
第一個是監(jiān)聽的參數名稱，剩下兩個可選參數分別為處理函數和是相等比較的方式，對于后者文檔如是說：Compare for object equality using angular.equals instead of comparing for reference equality. 即是否使用angular.equals方法進行比較。
如此效果變?yōu)椋?/strong>
以上這篇Angular中使用$watch監(jiān)聽object屬性值的變化(詳解)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
