Angular完整项目开发6 - 添加全局变量

Angular开发，在不同的组件中都会向后端发送请求，url内容有很大程度的重复：

http://localhost:4200/webapp/device
http://localhost:4200/webapp/sysuser
...

于是考虑把重复的部分拿出来，做成全局变量。网上查到了方法。

1. 添加全局文件global.ts, 内容为export声明。

export class Global {
    public static commonURL:string = "http://localhost:4200/webapp";
}

2. 在组件或服务中引用和调用

device.service.ts

import {Global} from '../../global';
...
url = Global.commonURL + '/device';

 

实测有效。

参考：https://www.itsolutionstuff.com/post/how-to-declare-global-variable-in-angular-8example.html