Infragistics｜Ignite UI for Angular｜IgxGrid 多國語系

安裝資源字符串的 igniteui-angular-i18n 包。

npm install igniteui-angular-i18n

註冊 Angular 本身以使用ja-JP語言環境，並註冊 igniteui-Angular 以通過Changei18n函數使用日語資源。

app.module.ts

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

import { registerLocaleData } from '@angular/common';
import localeJa from '@angular/common/locales/ja';
registerLocaleData(localeJa);

import { changei18n, IgxGridModule } from 'igniteui-angular';

import { IgxResourceStringsJA } from 'igniteui-angular-i18n';
changei18n(IgxResourceStringsJA);

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

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    IgxGridModule
  ],
  providers: [
    
    { provide: LOCALE_ID, useValue: 'ja-JP' }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

將 igx-grid 的 locale 設置屬性設置為ja -JP 。

app.component.html

Localize 後