在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进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。