search

sdrdis / jquery.flowchart

JQuery plugin that allows you to draw a flow chart.
http://sebastien.drouyer.com/jquery.flowchart-demo/
Other
508 stars 149 forks source link

How To use this plugin in angular 8 component. #135

Closed ankitravan closed 3 years ago

ankitravan commented 3 years ago

Hi Team,

I'm working on an angular 8 project. This plugin 'jquery.flowchart' will fix my roadblocks. It fits our project requirements. Thanks for this flowchart.

Now the issue is am not able to implement it in the angular project. Please correct me can we implement it in the angular App.

ankitravan commented 3 years ago

I fixed it, and its works for me.

Step-1. Added these three libraries in package.json and run the npm install.

"jquery": "^3.3.1", "jquery-ui-dist": "^1.12.1", "jquery.flowchart": "^1.1.0",

Step-2. Registered in angular.json "scripts": [ "./node_modules/jquery/dist/jquery.min.js", "./node_modules/jquery-ui-dist/jquery-ui.js", "./node_modules/jquery.flowchart/jquery.flowchart.js" ] "styles": [ "src/assets/flowchart/jquery.flowchart.min.css", "src/assets/flowchart/jquery.flowchart.css" ]

Step 3. Update the tsconfig.app.json "types": [ "jquery" ]