Angular項目中如何管理多個環境配置

在Angular項目中，可以通過使用angular.json文件來管理多個環境配置。在angular.json文件中，可以定義不同的項目配置，并為每個項目配置指定不同的環境配置。

以下是一個示例：

{
  "projects": {
    "my-project": {
      "architect": {
        "build": {
          "configurations": {
            "production": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            },
            "staging": {
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.staging.ts"
                }
              ]
            }
          }
        }
      }
    }
  }
}

在上面的示例中，定義了兩個不同的環境配置：production和staging。在這兩個環境配置中，分別指定了對應的環境配置文件。

在代碼中，可以通過environment.ts文件引入不同環境下的配置，然后在需要使用環境配置的地方使用environment對象來獲取配置信息，例如：

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

console.log(environment.apiUrl);

在構建項目時，可以通過指定不同的--configuration參數來選擇不同的環境配置，例如：

ng build --configuration=production

這樣就可以在不同的環境下管理項目的配置。