angular - Angular2/4 的流程图/流程图

Question

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

Answer 1

只要这些库不能作为 Angular 包使用，您就必须通过在项目中定义类型来使用它：

declare var flowchart:any

此类型定义使库可用。

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

Answer 2

我相信您所引用的小提琴很好地表明 Flowchart.js 确实根本不受 angular 版本的约束。毕竟那个库只是更新了 Angular 管理的 DOM 的一部分。两者之间没有紧密结合。

所以基本上你可以拿官方的迁移指南，将你拥有的代码从版本 1 升级到版本 4。流程图 js 特定的部分将在很大程度上不受影响。

我们还必须将AngularJS 的流程图解决方案移植到 Angular 2/4/...，这些更改都只是纯粹的角度特定更改。集成部分基本相同，对于流程图.js 也是相同的

^{全面披露：我为创建在我链接的示例中使用的库的公司工作，但是我不代表我的雇主。}