JsPlumb with Angular2
<p>I am trying to use jsplumb to display connections between two components. </p>

<p>What i end up doing is using jQuery to get the handle to the UI Element and use it to render connections, with jsplumb library. Something as below: </p>

<p>JsPlumb Configuration</p>

<pre><code>if( typeof jsPlumb !== 'undefined' &amp;&amp; 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';
  });
}
</code></pre>

<p>Js-Plumb Usage</p>

<pre><code>jsPlumb.connect({
  source: $('#'+entityFrom+'Panel'),
  target: $('#'+entityTo+'Panel'),
  anchors: ['RightMiddle', 'LeftMiddle']
});
</code></pre>

<p>From various blogs on angular2, i understand that using jQuery with ng2 is an anti pattern. </p>

<p>Can some-one provide an alternative or a better design approach to use jsPlumb with angular2 or any other similar library.</p>