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

D3.js 4 with AngularJS 1.5 ( Components or Directives ? )

本文关键字:组件 指令 js AngularJS D3      更新时间:2023-09-26

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

过去我使用。指令的图表,但现在我想知道是否有可能使用.components代替指令,如果这是一个很好的做法。

检查Plunkr上的样品箱

组件内的d3.select(element[0]).append('svg')出现问题。元素没有定义

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


所以…有人可以帮助我做一个正确的d3.select()为一个可重用的组件?

不添加不同的ID为每个(太多的工作和太难维护)

可以将$element传递给组件控制器

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

http://plnkr.co/edit/SMoYLtx4I8RuLf285R6J?p =预览