Angular2/4 的流程图/流程图
Flowcharts / Flow Diagrams for Angular2/4
我目前正在使用 Angular 版本 4 的 MEAN 堆栈开发应用程序。我需要创建动态流程图。我想要类似于 http://fiddle.jshell.net/awolf2904/aw2e3ovz/ 中可用的内容
完全符合我的要求。它使用 Flowchart.js 和 Angular 1.X。美人鱼似乎也符合我的要求，但再次支持 Angular 1.x。有人可以帮我吗？
只要库不能作为 Angular 包使用，您就必须通过在项目中定义类型来使用它：
declare var flowchart:any
此类型定义使库可用。
查看这个 plunker 示例：http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/
我相信您所引用的 fiddle 很好地表明 Flowchart.js 根本没有绑定到 angular 的版本。毕竟，该库只是更新 angular 刚刚管理的 DOM 的一部分。两者之间没有紧密的结合。
所以基本上您可以直接使用 official migration guide 并将您的代码从版本 1 升级到版本 4。流程图 js 特定部分基本不受影响。
我们还必须移植 our flowchart solution for AngularJS to Angular 2/4/... 并且更改都是纯粹的 angular 特定更改。集成部分大部分相同，flowchart.js
也相同
完全披露：我为创建我链接示例中使用的库的公司工作，但是在 SO 上我不代表我的雇主。
我目前正在使用 Angular 版本 4 的 MEAN 堆栈开发应用程序。我需要创建动态流程图。我想要类似于 http://fiddle.jshell.net/awolf2904/aw2e3ovz/ 中可用的内容 完全符合我的要求。它使用 Flowchart.js 和 Angular 1.X。美人鱼似乎也符合我的要求，但再次支持 Angular 1.x。有人可以帮我吗？
只要库不能作为 Angular 包使用，您就必须通过在项目中定义类型来使用它：
declare var flowchart:any
此类型定义使库可用。
查看这个 plunker 示例：http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/
我相信您所引用的 fiddle 很好地表明 Flowchart.js 根本没有绑定到 angular 的版本。毕竟，该库只是更新 angular 刚刚管理的 DOM 的一部分。两者之间没有紧密的结合。
所以基本上您可以直接使用 official migration guide 并将您的代码从版本 1 升级到版本 4。流程图 js 特定部分基本不受影响。
我们还必须移植 our flowchart solution for AngularJS to Angular 2/4/... 并且更改都是纯粹的 angular 特定更改。集成部分大部分相同，flowchart.js
也相同完全披露：我为创建我链接示例中使用的库的公司工作，但是在 SO 上我不代表我的雇主。