AngularJS - 在自定義指令中更新變量

Question

我在其中一個控制器中的父範圍中聲明瞭一個變量。

$ scope.myValue = true;

該值很容易在自定義指令中提取。但是，當父控制器中的值更新時，它不會反映在自定義指令中。

我的問題是我們如何讓指令知道「myValue」被改變了？

如果信息不夠，請讓我知道。

Answer 1

在你父控制器，在改變變量的值，你可以播放這樣的一個事件 -

$scope.$broadcast('valueChanged', { 
    val: $scope.myValue // pass in any object you want 
}); 

然後在你的孩子的控制器，處理它喜歡 -

$scope.$on('valueChanged', function (event, data) { 
    console.log(data); // get the same object here 
}); 

$broadcast引發事件，所以這應該適用於你的情況。

Answer 2

，您可以觀看指令裏面的值，就像這樣：

app.directive('directive', function() { 
    return { 
     scope: true, 
     link: function($scope){ 
      $scope.$watch('$parent.myValue', function(newVal){ 
       console.log(newVal); 
      }); 
     } 
    }; 
}); 

鏈接演示：https://jsfiddle.net/mzrja04L/