如何在angular 2中使用rappid.js和joint.js？

npm install rappid jointjs

import * as Rappid from 'rappid';
import * as joint from 'jointjs';

export class YourComponent {
  paper: joint.dia.Paper;

  constructor() {
    this.paper = new joint.dia.Paper({
      el: '#paper',
      width: 800,
      height: 600,
      model: new joint.dia.Graph()
    });
  }
}

const rect = new joint.shapes.standard.Rectangle();
rect.position(100, 100);
rect.resize(100, 40);
rect.attr({
  body: {
    fill: 'blue'
  },
  label: {
    text: 'Rectangle',
    fill: 'white'
  }
});
this.paper.model.addCell(rect);

rect.on('cell:pointerclick', () => {
  console.log('Rectangle clicked');
});

<div id="paper"></div>

export class YourComponent {
  paper: joint.dia.Paper;

  constructor() {
    // ...
  }

  ngAfterViewInit() {
    this.paper.render();
  }
}