首页 > 解决方案 > 将外部js文件导入角度

问题描述

我一直在以这种方式添加我的javascript文件:

 "scripts": ["src/assets/js/core/jquery.min.js",
          "src/assets/js/core/bootstrap-material-design.min.js",
          "src/assets/js/plugins/moment.min.js",
          "src/assets/js/core/popper.min.js"],

除了这个之外,还有另一种方法可以将外部 javascript 文件添加到 angluar 7。我试过这个,但它似乎没有任何效果

标签: javascriptangular7

解决方案


首先,您应该使用 npm 安装您的库。然后将库添加到项目中的 node_modules 文件夹中。

现在:

如果你想将 js 文件导入 Angular 项目,首先你应该检查 Angular 的版本,如果你使用的是 2 和 4 版本,你应该这样写:

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

如果你使用高于 4 的版本,比如 5,6 或 7,你应该这样写:

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

在这个例子中,我将 jquery 导入到 angular 项目中。我希望,它有效


推荐阅读