angular如何引入公共JS

2018-06-24 00:15:45来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

一、现象

在项目的开发中,总会用到一些公司的脚本方法,同时,不希望在每个页面用到时又得需要引用,有点麻烦。

 

二、解决

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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:初始原型链(一)

下一篇:node框架express里面静态文件中间件express.static,根据路径名