在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角導入最終包中。