Angular4 / Ionic3如何制作全局变量

时间:2018-04-19 12:23:38

标签: angular ionic-framework global-variables ionic3

我在ionic3 app工作,我有很多服务和功能,使用一些特殊的变量,如:

  

让apiUrlPublic =' http://localhost:8080/';

     

让apiUrl =' http://localhost:9999/api/';

所以我想让这两个变量成为全局变量,比如创建一个声明并按名称调用url。

提前致谢

2 个答案:

答案 0 :(得分:1)

您可以在应用程序的共享目录中定义服务。无论你想在哪里使用这些值,你只需在构造函数中注入该服务并访问变量即可。

import { Injectable } from '@angular/core';

@Injectable()
export class ExampleProvider {
  public urlOne: string = '....YOUR URL HERE....';
  public urlTwo = '....YOUR URL HERE....';

  constructor() {
  }
  getUrlOne() {
    return this.urlOne;
  }

 getUrlTwo() {
        return this.urlTwo;
      }

}

答案 1 :(得分:0)

我得到了一个简单的解决方案,我创建了一个新文件:

globalVariables.ts

    export const GV = Object.freeze({
    sep: '/',
    version: '1.0',
    apiUrlPublic: 'http://localhost:8080/',
    apiUrl: 'http://localhost:9999/api/',
});

当我想使用任何全局变量时,我导入这样的文件:

  

从'../../ app / globalVariables'中导入{GV};