D3.js 4与AngularJS 1.5(组件或指令?).
D3.js 4 with AngularJS 1.5 ( Components or Directives ? )
我想在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 =预览
相关文章:
- 如何在另一个组件中获取指令/组件实例
- 过早运行的角度组件/指令的$postLink
- 使用PrimeNG组件时出现问题(未找到指令注释)
- 不允许使用引导清单'组件'指令
- AngularJS'不可知论者;和'组件'指令
- 如何将多个指令添加到单个组件中
- 组件类型角度指令 ng 模板
- AngularJS,从指令迁移到组件
- Angularjs:验证带有或不带有表单的指令组件
- 角度 1.5 中的组件和指令
- Angular的指令作为Web组件 - 为什么需要up
- 在 Ionic 2 中,如何创建使用 Ionic 组件的自定义指令
- 如何将 angularJS 指令/组件作为属性传递给其他指令/组件
- AngularJS 2:如何拥有一个'属性'指令与其主机组件通信
- AngularJs-为什么像Angular strap和UI Bootstrap这样的指令使用提供者来构建他们的组件
- 扩展时钟组件的角度指令以单独显示日期时间元素
- 切换组件不能在跨包指令上工作
- AngularJS指令ngOpen可以用于手风琴组件吗?
- Angular指令到Angular 1.5组件
- 使用 Angular 组件/指令绑定的最有效方法是什么?