$watch簡單使用

$watch是一個scope函數，用于監聽模型變化，當你的模型部分發生變化時它會通知你。

?

$watch(watchExpression, listener, objectEquality);

每個參數的說明如下：

watchExpression：監聽的對象，它可以是一個angular表達式如'name',或函數如function(){return $scope.name}。

listener:當watchExpression變化時會被調用的函數或者表達式,它接收3個參數：newValue(新值), oldValue(舊值), scope(作用域的引用)

objectEquality：是否深度監聽，如果設置為true,它告訴Angular檢查所監控的對象中每一個屬性的變化.?如果你希望監控數組的個別元素或者對象的屬性而不是一個普通的值,?那么你應該使用它

?

舉個栗子：

$scope.name =?'hello';

var watch =?$scope.$watch('name',function(newValue,oldValue, scope){

??????? console.log(newValue);

??????? console.log(oldValue);

});

$timeout(function(){

????????$scope.name =?"world";

},1000);

?

$watch性能問題

太多的$watch將會導致性能問題，$watch如果不再使用，我們最好將其釋放掉。

$watch函數返回一個注銷監聽的函數，如果我們想監控一個屬性，然后在稍后注銷它，可以使用下面的方式：

var watch =?$scope.$watch('someModel.someProperty', callback);

//...

watch();

?

還有2個和$watch相關的函數：

$watchGroup(watchExpressions, listener);

$watchCollection(obj, listener);

?

轉載于:https://www.cnblogs.com/yu-709213564/p/6258822.html

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的Angular.js中使用$watch监听模型变化的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。