调用另一个指令的模板指令

Question

我正在开发一个使用angular.js和d3.js的多数据应用程序。我很难把它纳入我的范围。

现在发生的情况是，在ngTests执行其方法之前，ngRepeat指令正在加载。

我把小提琴放在这里好让你们有个更好的主意。

小提琴

<ng-chart></ng-chart>

PS：我可以在指令中获得td id，但它根本不更新<td ng-tests id="histogram{{$index}}"。

如果我将这一行更改为<td ng-tests id="histogram">，在我的指令中使用直方图作为ID，并更改我的ngTests指令只读取“#直方图”，它会在ngTests的第一个表上创建6次svg，这不是我所期望的结果。

谢谢。

Answer 1

做两件事。在您的ngChart指令中，您的索引属性与index="index"一样指定，但它需要是index="{{$index}}"。然后，要从另一个指令读取属性值，而不是像attrs.index那样直接访问属性，您应该使用attrs.$observe，如下所示：

    attrs.$observe('index', function(observedIndex) {
        console.log('observedIndex:', observedIndex);
    });

这样，当索引被更改时(例如，通过另一个指令)，您就会得到通知，并可以更新元素的文本。我用叉子拨开小提琴，让它在这里上工作。