Angularjs 组织结构图指令

Posted

技术标签:

【中文标题】Angularjs 组织结构图指令【英文标题】:Angularjs organizational chart directive 【发布时间】:2016-12-22 11:50:04 【问题描述】:

是否有适用于 wesnolte/jOrgChart 或类似图表的 Angularjs 组织图表指令?

【问题讨论】:

【参考方案1】:

使用 Google 图表指令有一种很好的方法。请在此处查看 plunker 的实施细节:

Plunker Demo Link

【讨论】:

嗨,Imran,对不起,我忘了说我不想去谷歌图表,因为我的管理层不喜欢它。如果您可以参考一些 d3 代码,最好在其上使用 Angularjs 指令,或者使用任何其他带有 Angularjs 指令的开源 javascript 库,那就太好了。我也应该能够用自定义图像或图标替换矩形。到目前为止,我遇到了 css3 html 家族图表,并试图用它来构建 angularjs 指令。如果你能指导我找到任何这样的现有指令,那就太好了。

以上是关于Angularjs 组织结构图指令的主要内容,如果未能解决你的问题,请参考以下文章

在大型的 Angularjs 项目中,如何组织您的代码

如何在 AngularJS 中动态添加指令?

如何在 AngularJS 中动态添加指令?

angularjs怎样更改子作用域的值

AngularJS总结

angularjs自定义指令实现分页插件