Angular2/4的流程圖/流程圖

我目前正在開發一個使用MEAN堆棧和Angular版本4的應用程序。我有創建動態流程圖的需求。我想要類似http://fiddle.jshell.net/awolf2904/aw2e3ovz/ 這是完全符合我的要求。它使用Flowchart.js和Angular 1.X.此外美人魚似乎符合我的要求，但曾經支持Angular 1.x.有人可以幫助我嗎？Angular2/4的流程圖/流程圖

來源

2017-07-10 Guru

這與node.js或mongodb或express.js有什麼關係？ –

錯誤標記MEAN堆棧的道歉。 – Guru

-1

只要庫不提供角包，你必須在你的項目中定義的打字利用它：

declare var flowchart:any

這種類型的定義，使庫可用。

請參見本plunker例如：http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/

來源

2017-07-10 06:21:06 Ludwig

感謝您的回覆。我確實嘗試了這一點，並在我的app.ts中，流程圖中聲明的JS變量'流程圖'未被識別。所以'const chart = flowchart.parse（content）'這行就是在運行時拋出下面的錯誤。錯誤ReferenceError：流程圖未定義在FlowchartComponent.webpackJsonp.368.FlowchartComponent.ngOnInit（main.bundle.js：833） – Guru

太棒了。有效！！！錯誤是命令JS包含。它解決了。非常感謝！！ – Guru

我相信你引用顯示相當不錯的是Flowchart.js真的不綁定到的角度的版本在所有的小提琴。畢竟這個庫只是更新一部分角度剛剛管理的DOM。兩者之間沒有緊密的整合。

因此，基本上你可以採取official migration guide並將版本1中的代碼升級到版本4.流程圖js的特定部分基本上不受影響。

我們還必須端口our flowchart solution for AngularJS to Angular 2/4/...，所做的更改都只是純角度特定的更改。整合部分大致相同，並且對於流程圖來說也是相同的.js

^{完全披露：我爲創建用於示例鏈接的示例庫的公司工作，但是因此我不表示我的僱主。}

來源

2017-07-11 06:41:55 Sebastian

Angular2/4的流程圖/流程圖

回答

相關問題