ウォッチャーモーダルを$ watch内で変更すると、角型時計がトリガされない

Question

私はカウンタ値を増やすために工場サービスを呼び出しています。カウンタ値が5より大きい場合は、時計内で同じ工場サービスを再度呼び出しています。私は変更されたカウンタ値を見るために時計を使用しています。

私の質問は、カウンター5がサービスを呼び出すときですが、再び時計の内部で工場のサービスを呼び出すと、サービスを呼び出すのを止め、無限ループに入るはずです。工場サービスが呼び出されると、カウンタはまだ5より大きいので、

ウォッチの中でウォッチストップ値がチェックされていますか？あなたの状態$scope.counter > 5 // === false

あなたはそれ$scope.counter >= 5作ることができるか、私はへの新しい方法を提案しているので

Hereはhtmlコード

<div ng-controller="HelloCtrl"> 
    <p>{{counter}}</p> 
</div> 

Answer 1

var app = angular.module('myApp', []); 

app.factory('testFactory', function(){ 
    return { 
     incrementCount:function(a){ 
         a++; 
         console.log('called service'+a) 
         return a; 
     } 
    }    
}); 


function HelloCtrl($scope, testFactory) 
{ 
    $scope.counter = testFactory.incrementCount(5); 
    $scope.$watch('counter', function (newValue, oldValue) { 
     if($scope.counter > 5){ 
      $scope.counter = testFactory.incrementCount($scope.counter); 
     } 
    }); 
} 

フィドル

JSコードです行うその

Check this link