Question

我想使用arborjs库绘制图形（我没有通过npm找到安装），如何将其连接到我的角度项目中并使用它？

库代码是：“ src / lib / arbor”

我的代码是否为：“ src / app / *。component.ts”

jquary库已连接。她需要工作“乔木”

如果只是简单地建立html连接并转到localhost项目，则它不起作用，如果仅启动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文件中系统初始化代码的顶部。

找不到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"
            ]

位于文件文件夹“ src”中的“ index.html”文件中：

 <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;

我不装作最好的解决方案，但这也许会帮助别人。

角度的arborjs，如何在* .component.ts中进行连接和使用？

1 个答案: