您好,登錄后才能下訂單哦!
在Angular應用中實現國際化的步驟如下:
npm install @angular/common @ngx-translate/core
import { TranslateModule } from '@ngx-translate/core';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
TranslateModule.forRoot()
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
創建翻譯文件:在src/assets目錄下創建一個i18n文件夾,然后在其中創建一個語言文件,如en.json和zh.json,分別用來存放英文和中文的翻譯內容。
添加翻譯服務:在AppComponent中注入TranslateService,并在構造函數中初始化。
import { TranslateService } from '@ngx-translate/core';
export class AppComponent {
constructor(private translate: TranslateService) {
translate.setDefaultLang('en');
translate.use('en');
}
}
<h1>{{ 'HELLO_WORLD' | translate }}</h1>
在實現國際化時需要注意以下問題:
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。