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

  • 相关阅读:
    Bootstrap 4 网格的基本结构
    Js 框架之Vue .JS学习记录 ① 与Vue 初识
    ASP.NET 发送邮件 SMTP
    c# 多线程简化
    ASP.NET Razor
    ASP.NET MVC 简单介绍①
    握手7
    握手6
    握手5
    握手4
  • 原文地址:https://www.cnblogs.com/waitingbar/p/7541679.html
Copyright © 2020-2023  润新知