阅读(1237) (0)

Angular 手动设置运行时语言环境

2022-07-01 14:12:46 更新

手动设置运行时语言环境

Angular 的初始安装中已经包含了美国英语 (​en-US​) 的语言环境数据。当你将 ​--localize​ 选项与 ​ng build​ 命令一起使用时,Angular CLI 会自动包含语言环境数据并设置 ​LOCALE_ID ​值。

要将应用程序的运行时语言环境手动设置为自动值以外的一种,请完成以下操作。

  1. 在 [Angular 代码仓][GithubAngularAngularTreeMasterPackagesCommonLocales] 中的 language-locale 环境组合中搜索 Unicode 语言环境 ID。
  2. 设置 ​LOCALE_ID ​令牌。

以下示例将 ​LOCALE_ID ​的值设置为法语的 ​fr​。

import { LOCALE_ID, NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent } from '../src/app/app.component';

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ AppComponent ],
  providers: [ { provide: LOCALE_ID, useValue: 'fr' } ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }