如何在 AngularJS 模板指令的链接函数中访问具有动态 id 的 svg 元素？

Question

我正在尝试在 ng-repeat 循环中重用模板指令。我将一个 id 传递给指令，然后在模板中使用如下：

<g id="scaling{{id}}">\
... 
</g>

这很完美，它会在最终的 html 页面中正确呈现。现在的问题是，我正在尝试在指令的链接函数中选择上面具有动态设置的唯一 id 的元素，如下所示，以便设置一些样式属性：

d3.select('#scaling' + scope.id}.

但是，这总是返回 null。根据我通过搜索了解到的情况，发生这种情况是因为当我进行此查询时该元素尚未在 DOM 中。我该如何解决这个问题？非常感谢您！

Answer 1

所以我自己找到了解决方案。您可以在 $timeout 函数中添加 DOM 选择查询，该函数只会在 DOM 渲染后调用。