[angular] 언어 지원 구성
아래는 Angular에서 언어 지원을 구성하는 간단한 예제입니다.
-
app.module.ts
파일에서 언어 및 지역 설정 추가import { LOCALE_ID, NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import localeKo from '@angular/common/locales/ko'; import { registerLocaleData } from '@angular/common'; // 한국어 지원을 위한 설정 registerLocaleData(localeKo, 'ko'); @NgModule({ imports: [BrowserModule], providers: [{ provide: LOCALE_ID, useValue: 'ko' }], declarations: [/* ... */], bootstrap: [/* ... */] }) export class AppModule { }
-
페이지에서 다국어 지원 적용
<p>{{ 'HELLO_WORLD' | translate }}</p>
이 예제에서는 app.module.ts
파일에서 한국어 지원을 설정하고, 해당 지역을 등록하며, 페이지에서는 번역 필터를 사용하여 다국어 지원을 적용하였습니다.
이렇게 언어 지원을 구성하면 애플리케이션에서 다국어 지원을 쉽게 적용할 수 있습니다.