$関数の戻り値を見る

Question

私はAngularJsを初めて使用していますが、私は角度1.4を使用しています。 問題がある： 私はこのように定義されたシンプルなカウンタオブジェクトを使用しています：

var myCounter = (function(){ 
        var count =0; 
        return { 
         "inc": function(){ 
          count++; 
         }, 
         "dec": function(){ 
          if(count>0){ 
           count--; 
          } 
         }, 
         "getCount": function(){ 
          return count; 
         } 
        }; 
       })(); 

私はプライベート変数カウントを保持し、唯一の「同様にgetCount」関数によって値を読みたいです。

カウントが増減するたびに、更新された 'count'の値に基づいて一連の操作を実行する必要があります。このために、私は変更を観察するために '$ watch'を使用したいと思います。しかし、私は関数 'getCount（）'を呼び出すことによってのみ値を取得できます。

このシナリオでは、どのように '$ watch'を書きますかをお勧めします。これが正しい方法でない場合は、より良い方法を提案してください。

ありがとうございます！

Answer 1

$watchのフォーマットは$watch(watchExpression, listenerFunction)です。この場合、watchExpressionは評価する関数にすることができます。したがって、$watchにはgetCount関数（関数の結果ではありません）を渡すことができます。

ので、

$scope.$watch(myCounter.getCount, function() {}) 

はmyCounterがで定義されているコントローラ$watchにアクセス可能であることを仮定し、動作します。

Answer 2

$scope.$watch(myCounter.getCount, function(){ 
    //Do stuff 
}) 

Answer 3

をあなたはcountが増加するたびにcallbackは/減少を実行する必要があります。

var myCounter = (function(callback){ 
        var count =0; 
        return { 
         "inc": function(){ 
          callback(++count); 
         }, 
         "dec": function(){ 
          if(count>0){ 
           count--; 
          } 
          callback(count); 
         }, 
         "getCount": function(){ 
          return count; 
         } 
        }; 
       })(); 

またはあなたがincまたはdecイベントにcallbackを渡すことができます：あなたはこのように、コンストラクタにcallbackを渡すことができ

var myCounter = (function(){ 
        var count =0; 
        return { 
         "inc": function(callback){ 
          callback(++count); 
         }, 
         "dec": function(){ 
          if(count>0){ 
           count--; 
          } 
          callback(count); 
         }, 
         "getCount": function(){ 
          return count; 
         } 
        }; 
       })(); 

2つのアプローチの違いは、最初のもので、あなた任意の増減イベントで同じことを行い、2番目のイベントでは、そのようなイベントが発生するたびにcallbackの動作を定義します。

Answer 4

ニースarticle $ watch以上！これが正しい方法を導くことを願っています。 angleはスコープ変数を監視するだけなので、スコープ内のオブジェクトを宣言する必要があります。コードは以下のようになります。

$scope.myCounter = (function(){ 
       var count =0; 
       return { 
        "inc": function(){ 
         count++; 
        }, 
        "dec": function(){ 
         if(count>0){ 
          count--; 
         } 
        }, 
        "getCount": function(){ 
         return count; 
        } 
       }; 
      })(); 

$scope.$watch('myCounter.getCount', function(newValue, oldValue) { 
    if(newValue != oldValue && newValue !=null){ 
     //call your function.. 
     } 
})