JsPlumb with Angular2

Question

Я пытаюсь использовать jsplumb для отображения соединений между двумя компонентами.

Что я делаю, используя jQuery, чтобы получить дескриптор элемента UI и использовать его для визуализации соединений с помощью библиотеки jsplumb. Что-то, как показано ниже:

JsPlumb Конфигурация

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'; 
    }); 
} 

JsPlumb Использование

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

из различных блогов на angular2, я понимаю, что с помощью JQuery с NG2 является антипаттерн.

Может ли кто-то предоставить альтернативу или лучший подход к дизайну для использования jsPlumb с угловым2 или любой другой подобной библиотекой.

Answer 1

Im в аналогичной ситуации, когда мне нужно использовать JSplumb с угловым 2. Подход, который я принял, - это использовать машинописную оболочку jsplumb и интегрировать с угловым 2 с инструментами по умолчанию, которые он предоставляет. это подход, который работал в интеграции других подобных библиотек, но не работал для jsplumb из-за недоступности допустимой типизированной оболочки для библиотеки jsplumb.

Я связался с командой JSplumb для действительной обертки для использования в угловых 2, но они не говорят Угловой 2 не является их непосредственным трубопроводом