不明なスコープの親オブジェクトを監視する方法は？

Question

他のディレクティブの中で使用できる要素ディレクティブを書いています。 ディレクティブ要素を含む親の構造は不明です。

私のディレクティブは、親スコープツリーのどこかにある 'modelState'というオブジェクトを監視する必要があります。 しかし、私はどちらの親を知ることができないので、今のところscope.$watch("$parent.modelState", ...);はいつでも動作します。

親が誰であるかを知らずにこの時計を作成するにはどうすればよいですか？あなたのディレクティブコード内

Answer 1

は

yourAngularModule.directive('yourDirective', function() { 
    return { 
     restrict : 'E', 
     scope : { 
      yourModelState : '=' 
     }, 
     link : function(scope) { 
      scope.$watch('yourModelState', function(){ 
       //do something 
      } 
     } 
    }; 
}); 

はその後ディレクティブを使用してHTML

<your-directive your-model-state="$parent.modelState"><your-directive> 

であなたのディレクティブは、たったの約scope.yourModelState