jsplumb with Angular 2/4/5

[Manu Sharma]

Hi,

I am trying to use jsPlumb for my applicaiton written in Angular 4. Is there any example or documentation for jsPlumb with angular 2+ that i can go through and get an idea features that i can use with jsPlumb ? The official website has some documentation but its with toolkit edition and not commnity edition . Kinldy help me.

Thanks
Manu

[Saurabh Bhardwaj]

Install JS Plumb from NPM.

Import the min file in your cli file.

Declare a global variable in your component declare var jsPlumb: any;

ngInit to intialize the plumb instance and your ready to go. as shown below

 jsPlumb.ready(function() {

      currentContext.plumbConfig.PlumbInstance = jsPlumb.getInstance({

        Connector: [

          "Flowchart",

          { gap: 1, cornerRadius: 3, alwaysRespectStubs: false }

        ],

        DragOptions: { cursor: "move", zIndex: 2000 },

        PaintStyle: { strokeStyle: color, strokeWidth: 4, lineWidth: 3 },

        EndpointStyle: { radius: 1, fillStyle: "transparent" },

        Container: "botGraph"

      });      

    });

Thanks

Saurabh