$watch簡(jiǎn)單使用

$watch是一個(gè)scope函數(shù)，用于監(jiān)聽(tīng)模型變化，當(dāng)你的模型部分發(fā)生變化時(shí)它會(huì)通知你。

$watch(watchExpression, listener, objectEquality);

每個(gè)參數(shù)的說(shuō)明如下：

• watchExpression：監(jiān)聽(tīng)的對(duì)象，它可以是一個(gè)angular表達(dá)式如'name',或函數(shù)如function(){return $scope.name}。
• listener:當(dāng)watchExpression變化時(shí)會(huì)被調(diào)用的函數(shù)或者表達(dá)式,它接收3個(gè)參數(shù)：newValue(新值), oldValue(舊值), scope(作用域的引用)
• objectEquality：是否深度監(jiān)聽(tīng)，如果設(shè)置為true,它告訴Angular檢查所監(jiān)控的對(duì)象中每一個(gè)屬性的變化. 如果你希望監(jiān)控?cái)?shù)組的個(gè)別元素或者對(duì)象的屬性而不是一個(gè)普通的值, 那么你應(yīng)該使用它

舉個(gè)栗子：

$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性能問(wèn)題

太多的$watch將會(huì)導(dǎo)致性能問(wèn)題，$watch如果不再使用，我們最好將其釋放掉。

$watch函數(shù)返回一個(gè)注銷監(jiān)聽(tīng)的函數(shù)，如果我們想監(jiān)控一個(gè)屬性，然后在稍后注銷它，可以使用下面的方式：

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

還有2個(gè)和$watch相關(guān)的函數(shù)：

$watchGroup(watchExpressions, listener);$watchCollection(obj, listener);

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。