在Angular 8中添加外部库

Question

我想在Angular项目中使用一些外部jQuery库。

我在index.html文件中添加了这些库，但是它们不起作用。 我还在我的.js文件中添加了angular.json文件，但问题仍然存在。 我添加如下库：

 <!-- CUSTOM JS --> <script src="assets/js/jquery.app.js"></script>

实际上，此js文件中的代码无法访问。 似乎Angular不了解它是否可以在该文件中运行该特定功能。

我希望菜单项显示其子菜单，但jQuery代码在Angular中不起作用。

Answer 1

使用Angular时，可能还使用了angular / cli。 在这种情况下，只需将您的文件添加到angular.json文件中即可：

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

这将使您将外部lib角导入最终包中。