jquery - JsPlumb with Angular2 -
i trying use jsplumb display connections between 2 components.
what end doing using jquery handle ui element , use render connections, jsplumb library. below:
jsplumb configuration
if( typeof jsplumb !== 'undefined' && jsplumb !== null ) { jsplumb.ready(function() { jsplumb.deleteeveryendpoint(); jsplumb.setcontainer(this._container); jsplumb.defaults.paintstyle = { strokestyle:'#339900', linewidth:2, dashstyle: '3 3'}; jsplumb.defaults.endpointstyle = { radius:7, fillstyle:'#339900' }; jsplumb.importdefaults({ connector : [ 'flowchart', { curviness:0 } ], connectionsdetachable:true, reattachconnections:true }); jsplumb.endpointclass = 'endpointclass'; jsplumb.connectorclass = 'connectorclass'; }); }
js-plumb usage
jsplumb.connect({ source: $('#'+entityfrom+'panel'), target: $('#'+entityto+'panel'), anchors: ['rightmiddle', 'leftmiddle'] });
from various blogs on angular2, understand using jquery ng2 anti pattern.
can some-one provide alternative or better design approach use jsplumb angular2 or other similar library.
im in similar situation need use jsplumb angular 2. approach took use typescript wrapper of jsplumb , integrate angular 2 default tools provides. approach worked in integrating other similar libraries didn't work jsplumb due unavailability of valid typed wrapper jsplumb library.
i contacted jsplumb team valid wrapper used in angular 2 refused saying angular 2 not immediate pipeline
Comments
Post a Comment