如何在Angular 6中使用外部JS文件

Question

我用Angular开始了一个项目,但我从没想过安装它的最新版本会给我带来一些问题.我也在使用Materialize,所以当我尝试'导入'它的Javascript文件时,它不起作用.我不知道为什么,我从上周五开始寻找答案,但我一无所获.

我已经更改了angular.json文件并在其中引用了我的JS位置,但这还不够.

PD我不能使用CDN来实现JS.

Answer 1

角度为6以后的CLI项目使用angular.json而不是.angular-cli.json用于构建和项目配置.这意味着您正在使用Angular 6.
从v6开始,文件的位置已更改为angular.json.由于不再有前导点,因此默认情况下不再隐藏文件并且该文件位于同一级别.这也意味着angular.json中的文件路径不应包含前导点和斜杠,即您应该提供绝对路径

从npm安装MaterialiseCSS和angular2-materialize

 npm install materialize-css --save 
 npm install angular2-materialize --save 
 npm install jquery@^2.2.4 --save
 npm install hammerjs --save

安装完所有必需的依赖项后,将它们添加到样式和脚本数组中 angular.json

"styles": [

      "src/styles.css",
      "node_modules/materialize-css/dist/css/materialize.css"
],
"scripts": [
      "node_modules/jquery/dist/jquery.js",
       "node_modules/hammerjs/hammer.js",
       "node_modules/materialize-css/dist/js/materialize.js"
 ]