将脚本JS添加到我的angular7项目

Question

对于我的项目，我需要将“ Loadingbar.js”库安装到我的页面之一（如果可以在这里找到，https://loading.io/progress/）。 我确实将CSS粘贴到了我的全局“ style.css”文件中。

因此，首先，我只是尝试将放入我的索引中：

<script type="text/javascript" src="assets/js/loading-bar.js"></script>

它工作了几个小时，现在不再工作了。因此，我尝试了所有事情：我尝试将index.html的每一行甚至页面的html中，正文中，正文中，...下的所有地方都放在无处。

此外，Angular项目有时会吸引我：js很少被加载一次。如果我在不更改任何内容的情况下刷新页面，它将无法正常工作。

我尝试将” defer”添加到。

我试图等待文档准备就绪，尝试了setTimeout，但是它从未成功。

我试图将路径添加到“ angular.json”中的脚本，但是没有用。

我该怎么做才能使它起作用？如何将JS lib添加到有角项目？

谢谢。

Answer 1

您应该知道的第一件事是，在角度应用程序中，最好尽可能使用任何库的FOR XML依赖项。如果这不可能，并且您需要使用外部js文件，则可以按照以下步骤操作：

1. 首先，将您的js放在STRING_AGG()文件夹中。例如：npm

2. 在node_modules内，您可以将以下行放在文件顶部：

   node_modules/test-lib/loading-bar.js（无app.module.ts）

Answer 2

Loading.io将其库链接到其GitHub帐户。

他们在这里提供了一个Angular示例： https://github.com/loadingio/angular-loading-bar

最好的方法似乎是通过npm或yarn安装库。