在运行时为 AOT 编译的 Angular 应用程序获取 --locale 的值

Posted 2023-03-13

【中文标题】在运行时为 AOT 编译的 Angular 应用程序获取 --locale 的值

【英文标题】：Get the value of --locale on runtime for an AOT compiled Angular App

【发布时间】：2018-11-24 11:31:18

【问题描述】：

我有一个多语言应用程序，它在每种语言中都使用 --aot 编译，例如德语：

ng build --aot --env=prod --prod --build-optimizer --i18nFile=src/locale/DARI_messages_de_DE.xlf --i18nFormat=xlf --locale=de --missingTranslation warning --output-path dist/de --base-href /de/

我们需要在运行时获取 locale 的值，以便将其也处理到我们的后端。

如果已经尝试过从

    import  LOCALE_ID  from '@angular/core';

constructor(private modalService: BsModalService) 
  console.log("LOCALE_ID", LOCALE_ID);

但是 LOCAL_ID 是空的，我认为它仅用于 JIT

有什么方法可以在运行时获取这个参数吗？

【问题讨论】：

您使用的是哪个 Angular 版本？我在 Angular 6 上，使用 --i18n-locale=de 仍然会产生 'en-US' 的 LOCALE_ID。

@Simon 这是 Angular 的默认位置

【参考方案1】：

作为一个新手，我发现 Simons 的回答有点不完整。原来你需要同时导入 LOCALE_ID 和 Inject：

import  Component, OnInit, LOCALE_ID, Inject  from '@angular/core';

@Component(
  selector: '...',
  templateUrl: '...',
  styleUrls: ['...']
)

export class ShinyComponent implements OnInit 

  constructor(@Inject(LOCALE_ID) protected localeId: string)  

  public someFunction  
    console.log("Current locale is "+this.localeId); 
  


ngOnInit() 

【讨论】：

还有其他方法吗？我想在不使用构造函数的情况下做到这一点。有可能吗？

我在 Angular 10 中仍然这样做。我还没有发现任何其他方法。

【参考方案2】：

你应该让 Angular 注入 LOCALE_ID

constructor(private modalService: BsModalService,
    @Inject( LOCALE_ID ) protected localeId: string) 
    console.log("LOCALE_ID", localeId);