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

Question

我想在ng-repeat循环中重复使用模板指令。我传递给指令一个id然后在模板中使用如下：

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

这很好用，它在最终的html页面得到正确渲染。现在的事情是，我想选择上面的指令的链接功能的动态设置唯一ID元素，以设置一些样式如下属性：

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

然而，这总是返回null。从我通过搜索所了解到的情况来看，发生这种情况是因为当我进行此查询时，元素不在DOM中。我该如何解决这个问题？非常感谢您提前！

Answer 1

所以我自己找到了解决方案。您可以将DOM选择查询添加到$ timeout函数中，该函数仅在DOM呈现后才被调用。