Jsplumb angular2 implmenetation

Question

Ich habe ein Problem mit implmenting Jsplumb auf angular2.

Ich versuche, mit einer Komponente in angular2 Schicht jsplumb aber ich erhalte eine Fehlermeldung, jsPlumb.ready ist keine Funktion

ich es importiert Throught npm und steckte es in meinem vendor.js für webpack

hier ist die component.ts

import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core'; 
var $ = require('jquery'); 
var jsPlumb = require('jsplumb'); 
@Component({ 
    selector: 'jsplumb-plot', 
    template: require('./jsplumb.plot.component.html'), 
    providers: [] 
}) 
export class JsplumbPlotComponent implements OnInit { 

    constructor() { 

    } 

    ngOnInit() { 
     jsPlumb.ready(function() { 
      console.log("this"); 
     }); 
    } 
} 

hier, um den Import webpack ist

module.exports = { 
    resolve: { 
     extensions: [ '', '.js' ] 
    }, 
    module: { 
     loaders: [ 
      { test: /\.(png|woff|woff2|eot|ttf|svg|gif)(\?|$)/, loader: 'url-loader?limit=100000' }, 
      { test: /\.css(\?|$)/, loader: extractCSS.extract(['css']) } 
     ] 
    }, 
    entry: { 
     vendor: [ 
      .... 
      'jsplumb/dist/css/jsplumbtoolkit-defaults.css', 
      'jsplumb/dist/js/jsplumb.min.js' 
     ] 
    }, 

Beachten Sie, dass ich Javascript-Code jsplumb in meinem vendor.js nach dem Kompilieren des Webpacks. Das Problem ist, dass ich immer noch nicht anrufen kann.

Answer 1

Anscheinend ist der richtige Weg, es zu importieren, war

import { jsPlumb } from 'jsplumb';