如何解决Angular 12：如何为每种语言使用单独的 environment.ts 文件（例如 environment.en.ts、environment.de.ts）？？

我一直在开发一款多语言 Angular 应用，并将其部署到 Firebase 托管。

https://myAppDomain.de/de 显示德文版。
https://myAppDomain.de/en 显示英文版。

这在大多数情况下都可以正常工作，除了我将一些特定于语言环境的变量放入 environment.ts 中：

numberFormatLocale: ''de'',dateFormatLocale: ''de-DE'',timePickerLocale: ''de-DE'',momentLocale: ''de'',...

我希望这些值根据应用程序的语言而改变。

因此，我创建了单独的 environment.ts 文件：

environment.ts 作为英文开发环境文件，
environment.prod.ts 作为英文 prod 环境文件，
environment.de.ts 作为德语开发环境文件，
environment.prod.de.ts 作为德国生产环境文件，

我试图在构建过程中替换它们，所以我这样配置 angular.json：

   "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser","options": {
            "i18nMissingTranslation": "error","localize": true,"outputPath": "dist/myAppDomain","index": "src/index.html","main": "src/main.ts","polyfills": "src/polyfills.ts","tsConfig": "tsconfig.app.json","assets": [
              "src/favicon.ico","src/assets","src/manifest.webmanifest",{
                "glob": "**/*","input": "node_modules/ngx-auth-firebaseui/assets/","output": "./assets/"
              }
            ],...
          },"configurations": {
                "production": {
                  "fileReplacements": [
                    {
                      "replace": "src/environments/environment.ts","with": "src/environments/environment.prod.ts"
                    },{
                      "replace": "src/environments/environment.de.ts","with": "src/environments/environment.prod.de.ts"
                    }
                  ],...
                },"de": {
                  "localize": [
                    "de"
                  ],"baseHref": "/de/","fileReplacements": [
                    {
                      "replace": "src/environments/environment.prod.ts","with": "src/environments/environment.prod.de.ts"
                    },{
                      "replace": "src/environments/environment.ts","with": "src/environments/environment.de.ts"
                    }
                  ]
                },"en": {
                  "localize": [
                    "en"
                  ],"baseHref": "/en/"
                }
              },},

但是，它不起作用。我总是得到英文环境.ts，不管我加载哪个语言版本。

我该如何正确配置？或者，有什么更好的方法可以实现相同的目标？

2021-07-31 更新： 这是我的package.json的摘录：

  "scripts": {
    "ng": "ng","start": "ng serve --configuration=en --port 4200 && ng serve --configuration=de --port 4201","start:en": "ng serve --configuration=en --port 4200","start:de": "ng serve --configuration=de --port 4201","build": "ng build","build:prod": "ng build --configuration=production","test": "ng test","lint": "ng lint","e2e": "ng e2e"
  },

我还从我的 angular.json 中添加了一些更多信息。

解决方法

  private static numberFormatLocaleCache: string;

  /**
   * Number format locale
   */
  static numberFormatLocale(): string {
    if (!this.numberFormatLocaleCache) {
      const currentLang = Locale.getCurrentLang();
      switch (currentLang) {
        case ''de'':
          this.numberFormatLocaleCache = ''de'';
          break;
        default:
          this.numberFormatLocaleCache = ''en'';
      }
    }
    return this.numberFormatLocaleCache;
  }

  /**
   * Delivers the current lang.
   * @return language,e.g. ''en''
   */
  static getCurrentLang(): string | undefined {
    const path = window.location.pathname.replace(window.location.href,'''');
    const parts = path.split(''/'');
    if (parts.length < 2)
      // The path does not contain a language code
      return undefined;
    const currentLang = return parts[1];
    return currentLang;
  }

System.Environment.GetEnvironmentvariable("ASPNETCORE_ENVIRONMENT");//读取环境变量

await context.Response.WriteAsync($"name=\"{env.ApplicationName}\"");
await context.Response.WriteAsync($"name=\"{env.ContentRootFileProvider}\"");
//网站根目录
await context.Response.WriteAsync($"name=\"{env.ContentRootPath}\"");
await context.Response.WriteAsync($"name=\"{env.EnvironmentName}\"");
//wwwroot目录对应的FileProvider
await context.Response.WriteAsync($"name=\"{env.WebrootFileProvider}\"");
//wwwroot目录
await context.Response.WriteAsync($"name=\"{env.WebrootPath}\"");

env.IsDevelopment();//是否开发环境,ASPNETCORE_ENVIRONMENT环境变量值是否是Development
env.IsProduction();//是否生产环境,ASPNETCORE_ENVIRONMENT环境变量值是否是Production
env.Isstaging();
env.IsEnvironment("ok");//ASPNETCORE_ENVIRONMENT环境变量值是否是ok

env.IsDevelopment();//是否开发环境
env.IsProduction();//是否生产环境
env.Isstaging();//是否测试环境
env.IsEnvironment("xxx");//是否自定义环境

applicationLifetime.ApplicationStarted.Register(() =>
            {
                Console.WriteLine("Strated");
            });
applicationLifetime.ApplicationStopping.Register(() =>
            {
                Console.WriteLine("Stoping");
            });
applicationLifetime.ApplicationStopped.Register(() =>
            {
                Console.WriteLine("Strated");
　　　　　　　}
 IHostApplicationLifetime：与IApplicationLifetime接口作用相同