对于我的项目,我需要在我的一个页面上安装“Loadingbar.js”lib(你可以在这里找到: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添加到角度项目中?
谢谢。
您应该知道的第一件事是,在角度应用程序中,如果可能的话,最好使用任何库的npm
依赖项。如果这不可能并且您需要使用外部js文件,则可以按照以下步骤操作:
node_modules
文件夹中。例如:node_modules/test-lib/loading-bar.js
app.module.ts
里面,你可以将这一行放在文件的顶部:
import test-lib/loading-bar.js
(没有node_modules
)Loading.io将他们的库链接到他们的GitHub帐户。
他们在这里提供了一个Angular示例:https://github.com/loadingio/angular-loading-bar
看起来最好的方法是通过npm或yarn安装库。