D3.js 4与AngularJS 1.5(组件或指令？)

Question

我想在AngularJS 1.5x中使用D3.js v4

在过去,我使用.directives作为图表,但现在我想知道是否可以使用.components而不是指令,如果这是一个很好的做法.

检查Plunkr上的样品盒

问题出现在d3.select(element[0]).append('svg')内部组件中.控制台抛出错误:未定义元素.

所以我试着用类似的东西d3.select('chart-container').append('svg') 然后d3在第一个拥有该类的元素中注入所有图表(在所有文档中查找类,而不仅仅是组件).

没有为每个添加不同的ID(工作量太大,维护太难)

Answer 1

您可以将$元素传递给组件控制器

svg     = d3.select($element[0]).append('svg'),