angular如何引入公共JS

一、現象

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

 

二、解決

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

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

var common = {

　　showInfo: function(name, age){

　　　　// 在控制台上打印出來

　　　　console.log(name);

　　　　console.log(age);

　　}

}

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

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

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

 

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

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

 

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

 

三、總結

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

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