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

  • 相关阅读:
    2019年7月17日星期三(linux基础)
    2019年7月16日星期二(C语言)
    2019年7月15日星期一(C语言)
    java.util.ConcurrentModificationException 异常问题详解
    use h2database for unit testing
    db
    Things to learn everyday
    springcloud
    abstractMethodError
    java -jar & to backend run
  • 原文地址:https://www.cnblogs.com/waitingbar/p/7541679.html
Copyright © 2011-2022 走看看