Question

我正在寻找一个包含在我的有角项目中的软件包，如下所示： https://anseki.github.io/leader-line/

我读到将普通的javascript库导入到一个typescript项目中是一件很麻烦的事情，所以我想知道是否有人知道这个库作为angular的包是等效的。我在网上搜索过，但到目前为止还没有运气。

谢谢：）

Jr

Answer 1

第1步：安装LeaderLine

npm i leader-line --save

第2步：将其包含在angular.json中

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

第3步：导入引伸线，声明引伸线并注入文档

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步：给我买啤酒；）

Answer 2

请重新启动，即：再运行ng serve --open，一切都会正常：）

用于在对象之间绘制线条的角度库

2 个答案: