有什么方法可以在 Angular 10 应用程序中动态更改环境变量的值？答案

【问题标题】：Is there any way by which we can change the values of environment variables dynamically in an Angular 10 application?有什么方法可以在 Angular 10 应用程序中动态更改环境变量的值？
【发布时间】：2021-10-12 09:49:36
【问题描述】：

我有一个 Angular 应用程序，它当前具有相同的源代码，但根据国家/地区是加拿大还是美国而具有不同的环境。
我已经使用 Capacitor.js 打包了该应用程序，以创建适用于 iOS 和 Android 的移动应用程序。
现在我被困在一个点上，我需要同一个应用程序根据用户选择（加拿大或美国）使用不同的环境变量
我需要一种将上述逻辑集成到同一个移动应用程序源代码中的方法，否则，我将不得不为这两个国家/地区创建一个单独的移动应用程序。

如果您知道或解决此问题，请告诉我。

【问题讨论】：

您现在将环境变量存储在哪里？
@GaurangDhorda 我将它存储在environment.ts 文件中，该文件通过导入多个文件来使用。
你知道app_initializer angular中的token吗？

标签： angular environment-variables hybrid-mobile-app mobile-application capacitor

【解决方案1】：

环境替换发生在构建时，因此您需要针对不同的目标进行不同的构建。您可能需要具有某些逻辑的服务来确定您想要的逻辑。您还可以在运行时更改环境中的属性（例如在应用初始化程序中）。

【讨论】：