コントローラ、ディレクティブ、およびサービス間のAngularjsデータバインド

Question

ディレクティブの内容をサービスからのデータで更新しようとしています。真：サービス

指令（スコープによって呼び出されるメソッド内で>いくつかのアクション

上のコントローラ内のメソッドを呼び出しコントローラのアップデート$ scope.directiveData -

1. サービス（HTML5キャンバスサービス）：それはこのように動作します）新しいデータに従ってコンテンツを更新する必要があります

問題はディレクティブの内容を更新しません。ただし、コントローラのdirectiveDataへの定期的な更新を追加すると、次のようになります。

$interval(function() {$scope.directiveData.abc;}, 100); 

ディレクティブはコンテンツを更新します。

この現象の説明はありますか？この定期的な更新をどのように取り除くことができますか？

私はjsFiddleで問題をシミュレート：https://jsfiddle.net/eyNYw/857/

Answer 1

scope: trueは、ディレクティブのスコープ分離（Angular directive. Isolating the Scope of a Directive）を行います。したがって、このディレクティブにはコントローラ変数$ scope.directiveDataはありません。

あなたはこの

scope: {directiveData: '='} 

'=' のような孤立変数を追加することができます - 2つの指令を通じて$を渡すscope.directiveDataを、その後

との結合方法

<your-directive directive-data="directiveData"></your-directive> 

属性を意味し、

$ scope.directiveDataを更新すると、dはこれを更新しますディレクティブ。