Angular2 / 4的流程图/流程图

时间:2017-07-10 03:33:04

标签: angular flowchart mermaid

我目前正在使用带有Angular版本4的MEAN堆栈开发一个应用程序。我需要创建动态流程图。我想要与http://fiddle.jshell.net/awolf2904/aw2e3ovz/中提供的内容类似 它完全符合我的要求。它使用的是Flowchart.js和Angular 1.X.美人鱼似乎也符合我的要求,但一旦支持Angular 1.x.有人可以帮助我吗?

2 个答案:

答案 0 :(得分:0)

只要这些库不能作为Angular包使用,您就必须通过在项目中定义输入来利用它:

declare var flowchart:any

此类型定义使库可用。

请参阅此plunker示例:http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/

答案 1 :(得分:0)

我相信你引用的小提琴很好地表明Flowchart.js实际上并没有完全符合角度的版本。毕竟,该库只是更新了角度管理的DOM的一部分。两者之间没有紧密的整合。

所以基本上你可以拿official migration guide并将你拥有的代码从版本1升级到版本4.特定部分的流程图js基本上不受影响。

我们还必须移植our flowchart solution for AngularJS to Angular 2/4/...并且更改都只是纯粹的角度特定更改。整合部分大致相同,对于flowchart.js

也是如此

完全披露:我为创建我所链接的示例中使用的库的公司工作,但是我不代表我的雇主。