组件列表是动态的,每个组件最多出现一次, 第一列和最后一列只能有一个组件,而它们之间的所有列最多可以有 3 个组件,这 3 个组件列可以有 n 个 我调查了angularjs-flowchart 和 angular-dragdrop 但无法想办法将它们结合起来,任何想法
提前致谢....:)
最佳答案
有趣的项目!我相信 SVG 和 D3.js 与 AngularJS 的结合将是完美的。 d3 可以包装到 AngularjS 指令中。它有很多很酷的功能,从头开始构建可能很乏味。以下是我将如何解决这个问题。
有一个从主 Controller 获取数据模型的流程图容器指令。数据模型包含有关每个框的信息[我所说的框是指图表上的文本 1、文本 2 等]。然后流程图容器可以循环遍历数据模型并为每个框创建一个指令。您可以使用 ng-repeat 之类的东西“循环”数据模型。现在这里是另一个指令发挥作用的地方。称之为 TheBox。 TheBox 负责绘制盒子。为此,您可以轻松地使用 SVG。此外,您可以将 d3.js 的拖动功能放在 TheBox 指令的链接功能中。
更多信息: http://d3js.org/
https://en.wikipedia.org/wiki/Scalable_Vector_Graphics
希望我的回答能对您有所帮助!
关于javascript - AngularJS - 将拖放与流程图相结合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32057775/