angular如何引入公共JS

1、現象

在項目的開發中，總會用到一些公司的腳本方法，同時，不但願在每一個頁面用到時又得須要引用，有點麻煩。

 

2、解決

一、在src文件夾下新建文件夾 utils；

二、在utils下新建文件 common.js,如：

var common = {

　　showInfo: function(name, age){

　　　　// 在控制檯上打印出來

　　　　console.log(name);

　　　　console.log(age);

　　}

}

三、 同時在utils下也新建對應的文件 common.d.js,如：

declare let common: {
　　showInfo: (name: string, age: string) => void;
};

tips: 參數中的類型須要對應寫上，具體語法能夠參照TypeScript  ；https://www.tslang.cn/docs/handbook/basic-types.html

 

四、在.angular-cli.json中的scripts處添加common.js 所在的位置，如：

"scripts": [
  "utils/common.js"
],

 

五、在須要調用的頁面進行調用 common.showInfo("yang", "18");

 

3、總結

先認真閱讀理解 TypeScript 的基本類型  https://www.tslang.cn/docs/handbook/basic-types.html,

注：common.js修改時或添加時,須要和common.d.ts進行同步處理,第一個參數的類型都須要對應寫上,處理完後,重啓服務便可生效