使用环境变量在Angular 7中添加标志功能

Question

我想要一种无需做任何代码更改就能标记事物的方法。

我已经看到了涉及使用environment.ts文件的解决方案，您可以在其中指定要启用/禁用的功能。这对于启用基于环境的功能（产品，暂存，开发等）非常有用。

要在任何环境下切换特定功能，我需要进行代码更改然后重新部署。理想情况下，我希望在部署系统中使用可以切换然后重新部署的环境变量。我目前使用后端Java SpringBoot来实现此功能，以具有标志功能。

反正有这样做吗？

Answer 1

查看这篇文章：https://medium.com/@balramchavan/configure-and-build-angular-application-for-different-environments-7e94a3c0af23

基本上，您具有2个具有相同属性的环境文件。 在开发人员模式下部署应用程序时，enviroment.dev将环境代码中的属性替换为环境文件中的值。 在为生产而构建应用程序时（build --prod），构建器将属性替换为文件.prod中的值：

"fileReplacements": [
  {
      "replace": "src/environments/environment.ts",
     "with": "src/environments/environment.qa.ts"
  }