Angularjs控制器，指令和服務之間的數據綁定

Question

我試圖用來自服務的數據更新指令的內容。它的工作原理是這樣的：

1. 服務（HTML5畫布服務） - >呼籲一些動作控制器的方法
2. 控制器更新$ scope.directiveData通過服務叫
3. 指令（範圍裏面的方法：真）應根據新數據更新其內容

問題是指令不更新其內容。但是，當我在控制器中添加定期更新到指令數據時：

$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: '='} 

'=' - 是指兩個方式，通過指令結合

再經過$ scope.directiveData屬性

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

當你更新$ scope.directiveData角將更新這一個d irective。