如何在Angular应用程序中包含外部JS库

我使用了internet或stackoverflow上提供的所有解决方案。我想添加一些外部js文件，并在我从服务器请求一些数据或路由到不同页面后使其工作

如果你想让我附加代码文件，让我知道。请帮我解决这个问题

url.service.ts

'''

'''

然后，我在需要的组件中调用它

ngAfterViewInit(): void {
this.scriptloader.load(
  'assets/js/app.js',
  'assets/js/global.js',
  'assets/js/navbar-v1.js',
  'assets/js/main.js',
  'assets/js/widgets.js',
  
  'assets/js/lightbox.js',
  'assets/js/feed.js',
  
);
this.refreshHangoutListData();
this.hangoutservice.refreshHangoutCommentReplyList();

---

}

假设我理解正确，如果您想在angular应用程序中包含外部库或js文件

将这些添加到

angular.json

文件

script

部分

angular.json

"scripts": [
    "../path" 
 ];

e、 g.您可以像这样包括JQuery

"scripts": [
  "node_modules/jquery/dist/jquery.js"
]

另一种非常简单的方法是在

index.html

中包含脚本。但我不推荐这种方式

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

发布您尝试过的代码？在第一次刷新时，它可以工作。但当我路由到另一个页面并从API调用数据时。它停止工作了。此外，如果我附加更多的职位低于以前的。同样的问题也会出现。不要这样加载脚本，它根本不是您所期望的。参考下面的代码并尝试搜索。这是我尝试的第一种常规方法。但它不起作用。不同的路由也需要不同的js文件。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>