国际化解决方案 ngx-translate

557 阅读1分钟

应用程序的国际化涉及到开发的很多方面,主要是如何让应用可以被全世界的用户使用而且用起来比较友好。本章内容主要讲的下面几个方面:

npm install @ngx-translate/core@9.1.1 --save
npm install @ngx-translate/http-loader --save

创建 i18n 语言文件 在assets文件夹下创建 国际化语言文件夹 i18n,在i18n文件夹下创建相应的语言包文件,如图:

分别创建了中文语言包 —zh.json 英文语言包—en.json,这两个语言包的数据必须是一一对应的,否则会出不来相应的效果。

根模块app.module.ts 导入该模块 1.导入所需要的包

import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';

定义并加载国际化文件

使用