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进行同步处理,第一个参数的类型都需要对应写上,处理完后,重启服务即可生效

 

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有