angular中的Arborjs，如何在*.component.ts中连接使用？

Question

我想使用arborjs库来画图（我没有找到通过npm安装），如何在我的angular项目中连接并使用它？

图书馆代码为："src / lib / arbor"

我的代码如果："src/app/*.component.ts"

jQuery 图书馆已连接。她需要工作 'Arbor'

如果你只是简单地打开html连接，然后转到本地主机项目，它不起作用，如果你只是启动html，那么它就可以，你有没有想法？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="../lib/arbor.js"></script>
<script src="main.js"></script>

Graph() {   
    const sys = arbor.ParticleSystem(1000); 
    sys.parameters({gravity: true}); 
    sys.renderer = this.rendererCanvas('#viewport');
...
}

在*.component.ts文件中系统初始化代码的顶部。

cannot find arbor.ParticleSystem (1000)

Answer 1

我得到了以下帮助。在文件“angular.json”中：

"scripts": [
              "node_modules/jquery/dist/jquery.min.js",
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "src/assets/lib/arbor/lib/arbor.js"
            ]

文件中'index.html ", which is in the project folder' src ':

 <app-root></app-root>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  <script src="assets/lib/arbor/lib/arbor.js"></script>

在“*.component.ts”文件中，主要导入后：

declare var $: any;
declare var arbor: any;

我不假装是最好的解决方案，但也许这会对其他人有所帮助。

angular中的Arborjs，如何在*.component.ts中连接使用？

Arborjs in angular, how to connect and use in * .component.ts?

jquery

arbor.js