Angular 5在UI上显示环境和应用程序版本

时间:2018-08-24 22:11:42

标签: angular

尝试在UI中显示我的角度应用程序的环境,例如test,dev,prod(我有单独的test-env.ts,prod-ev.ts,dev-test.ts),有没有一种特定的方法为此,我想根据部署在环境旁边显示应用程序版本(非CLI版本),例如,我将从V1.0开始,如果要进行部署,我希望将其自动增加到V1.1。

在应用启动时如何显示环境,我尝试了以下操作,但是如何确定不同的环境?

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

export class AppComponent { 
  constructor() {
    console.log(isDevMode());
  }
}

1 个答案:

答案 0 :(得分:3)

尝试将其存储在environment.ts的变量中

import { environment } from '../../../../environments/environment';

......


  constructor() { }

  public getEnvironmentVariableValue(): string | Object> {
    return `My environment variable: ${environment.myVersionVariable}';
    );
  }

}