简介
环境变量是那些变量，其值会随着我们所处的环境而改变。这将帮助我们根据环境来改变应用程序的一些行为。
我们都知道，一个应用程序在进入生产阶段之前，主要要经历三个阶段。也就是说，这些阶段是开发、测试、暂存和生产。我们把这些阶段称为环境。在这些环境中，我们有不同的配置和设置。
例如，当我们为生产构建我们的应用程序时，我们需要对我们的应用程序进行优化和减化。同时，我们不希望我们的用户看到任何类型的调试信息，因为这些信息对他们没有用处，但在开发过程中。我们需要这些调试信息和日志，以便我们能够在开发过程中消除大部分错误。因此，在这种情况下，我们有相同的应用程序，但我们需要两种不同的配置，这就是Angular中环境变量的作用了。
Angular环境变量在哪里？
Angular提供了内置的支持来配置和管理环境变量。它将环境配置保存在src/environments 文件夹中。
我们可以看到上述文件夹包含两个文件，一个是environment.ts ，另一个是environment.prod.ts ，如果我们打开上述文件，我们将能够看到以下代码。
// environment.ts
// environment.prod.ts
上述文件只包含一个变量，即production，它在environment.prod.ts 中为真，在environment.ts 中为假。
如何创建环境变量
创建环境变量非常简单，我们只需要在所有环境文件中添加新的环境
例如，我们想要一个变量environment_name ，它给出的是当前环境的名称，我们只需要把这个变量添加到每个环境文件中，如下所示
// environment.ts
// environment.prod.ts
如何读取环境变量
现在，我们已经有了新的环境变量。我们一定在想，我们将如何在我们的应用程序中读取这些变量并使用它们。
因此，为了使用我们的环境变量，我们需要在我们的组件中导入默认的 环境文件，如.NET。 import {environment} from '../environments/environment'; 注意：我们不需要在我们的组件中导入任何其他文件environment.prod.ts 。我们只需要导入默认的环境文件。
我们必须读取如下所示的值：
export class AppComponent implements OnInit {
测试环境变量
现在，当我们已经创建了环境变量，并在我们的应用程序中导入和使用它时，是时候测试我们的环境变量是否真的在工作。为了测试，我们将使用不同配置的ng serve 命令，我们将能够看到控制台在不同配置下有不同的输出：
ng serve
上面的命令将控制台Current Environment is local/development ，因为在默认情况下，它使用开发为应用程序提供服务。
ng serve --configuration="production"
上面的命令将控制Current Environment is production
总结
在这篇博客中，我们了解了什么是Angular环境变量以及如何添加一个新的环境变量。并在我们的Angular应用程序中读取它。在我们的下一篇博客中，我们将看到Angular如何知道环境之间的切换，我们也将建立自己的配置。
