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

【问题标题】：Angular 5 show Environment and app version on UIAngular 5 在 UI 上显示环境和应用程序版本
【发布时间】：2018-08-25 10:49:17
【问题描述】：

尝试在 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());
  }
}

【问题讨论】：

您可以将要显示的名称（即test、prod 等）添加到环境文件中，然后从那里访问它们
@user184994 谢谢，如何添加后端服务版本，我正在使用 AWS 作为服务，lambda 函数可以跟踪服务的 s3 版本吗？

标签： angular

【解决方案1】：

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

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

......


  constructor() { }

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

}

【讨论】：

谢谢你的作品并将其标记为解决方案?我现在也在寻找显示我的 AWS 服务版本，你有没有建议，比如显示 S3 或 ECS 集群的版本 ID？更新部署版本数的逻辑方法是什么