Angular6调用js文件的两种方式

1：全局引用

一般我们会把本地的js文件放在assets目录下，然后在angular.json文件中的scripts中添加引用

"scripts": ["xxx.js", "../../assets/yyy.js"]

 

在调用插件的ts中 声明 declare var myfunction: any，即可调用myfunction（）方法；

 

2:局部调用，这种方法我们是在哪个ts文件中用，就在哪个文件中引入js文件，这种方法更适合我们自己写的js

配置tsconfig.json文件

{
  "compilerOptions": {
    "allowJs": true
  }
}

我们写的js代码要符合CommonJs规范
例如a.js

exports.fn = function(){
     console.log'test FN');
}

然后就可以在ts文件直接导入了

import *  as A  from "../../assets/a.js";

ngOnInit() {
   A.fn();
  }