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

2024-02-25 开发教程 Angular13 匿名 6

手动设置运行时语言环境

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 { }