在我的angular7项目中添加脚本JS

问题描述 投票:0回答:2

对于我的项目,我需要在我的一个页面上安装“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添加到角度项目中?

谢谢。

javascript angular installation angular7 lib
2个回答
1
投票

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

  1. 首先,将你的js放在node_modules文件夹中。例如:node_modules/test-lib/loading-bar.js
  2. 在你的app.module.ts里面,你可以将这一行放在文件的顶部: import test-lib/loading-bar.js(没有node_modules

0
投票

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.