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

Question

尝试在 UI 中显示我的 Angular 应用程序的环境，例如 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());
  }
}

标签： angular

Answer 1

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

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

......


  constructor() { }

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

}