Flowcharts / Flow Diagrams for Angular2/4

angular flowchart mermaid
Guru picture Guru · Jul 10, 2017 · Viewed 7.2k times · Source

I am currently developing an app using MEAN stack with Angular version 4. I have a requirement to create dynamic flowcharts. I want similar to what is available in http://fiddle.jshell.net/awolf2904/aw2e3ovz/ It is exactly matchingn my requirement. It is using Flowchart.js and Angular 1.X. Also Mermaid seems to be matching my requirement but onceagan support Angular 1.x. Could someone help me in this?

Answer

Ludwig picture Ludwig · Jul 10, 2017

As long as the libraries are not available as Angular packages you have to utilize it by defining a typing in your project:

declare var flowchart:any

This type definition makes the library available.

See this plunker example: http://embed.plnkr.co/OAW8ow2WU9ugKBPTG8uX/

Related questions

Angular 5 SVG flowchart npm plugin

Hi I'm using Angular 5 in my project and I need to create flowcharts. I've searched and found some plugins but they don't offer these features that I need: the Ability to add/delete/redraw the nodes (There should be an …

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More