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();
  }