Библиотека углов для рисования линий между объектами

Question

Я ищу пакет для включения в мой угловой проект, подобный следующему: https://anseki.github.io/leader-line/

Я прочитал, что довольно сложно импортировать ванильные библиотеки JavaScript в проект машинописного текста, поэтому яИнтересно, знает ли кто-нибудь эквивилант этой библиотеки как пакет для угловых.Я искал в Интернете, но пока не повезло.

Спасибо :))

Sr.J

Answer 1

Шаг 1: Установите LeaderLine

npm i leader-line --save

Шаг 2: Включите его в angular.json

 "scripts": [
               "./node_modules/leader-line/leader-line.min.js"
            ],

Шаг 3: Импортируйте строку лидера, объявите LeaderLine и введите документ

import { Component, Inject, OnInit } from '@angular/core';
import {DOCUMENT} from "@angular/common";
import 'leader-line';
declare let LeaderLine: any;

@Component({
  selector: 'my-app',
  template: '<div id="d1">div 1</div><div style="height:500px"><!-- JUST SOME SPACE --></div><div id="d2"> Connect me</div>',
})
export class AppComponent implements OnInit {

  constructor(@Inject(DOCUMENT) private document){
  }

  ngOnInit() {
    new LeaderLine(
      this.document.getElementById('d1'),
      this.document.getElementById('d2')
    );
  }
}

Шаг 4: Купи мне пива;)