将脚本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很少被加载一次。 如果我在不更改任何内容的情况下刷新页面-它将不再起作用。

我试图在中添加“延迟”。

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

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

我该怎么做才能使这项工作？ 如何将JS lib添加到有角项目中？

谢谢。

Answer 1

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

1. 首先，将您的js放入node_modules文件夹中。 例如： node_modules/test-lib/loading-bar.js

2. 在app.module.ts内部，可以app.module.ts放在文件顶部：

   import test-lib/loading-bar.js （没有node_modules ）

Answer 2

Loading.io将他们的库链接到他们的GitHub帐户。

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

看来最好的方法是通过npm或yarn安装库。