通過公共屬性綁定指令實例

Question

我需要在同一個指令的兩個實例之間共享一個屬性。 這是一個plunkr來幫助我解釋我的意思。

http://plnkr.co/edit/wsrSxq?p=preview

兩個框的左側位置應通過scope.left值 連在一起，但如果我$監視更改，因爲我懷疑該指令影響自身的循環將無法正常工作。

有什麼建議嗎？謝謝

Answer 1

唯一缺少的是撥打scope.$apply，以便手錶被觸發。由於更改範圍值的事件處理程序是從應用程序的「外部」執行的，因此需要$apply來通知Angular該更改。取消註釋兩個註釋行和變化：

scope.left = newX; 

到

scope.$apply(function(){ 
    scope.left = newX; 
});