如何通知 Angular 指令范围值已更改？

Question

我正在尝试创建一个将绘制 d3 条形图的角度指令。我无法确定在何处添加 D3 绘图代码，以便每次图表值更改时重新绘制图表（这些值与隔离范围相关联）。我试图将此代码放在链接函数中，但这只会呈现图表一次。每次范围更改时都不会调用它。请参阅下面的代码或完整的 jsFiddle here。

function barchart() {    
    var directive = {
        link: link,
        restrict: 'A',
        scope: {
            values: '='
        }
    };
    return directive;

    function link(scope, element) {
        // Draw D3 chart here
        element.html(scope.values);
    };
}

Answer 1

你可以 $watch 观察变化：

function link(scope, element){
   scope.$watch("values", function(newVal, oldVal){
      // do whatever you need to regenerate the graph
   });
}