国际化解决方案 ngx-translate

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

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';
复制代码

定义并加载国际化文件

使用

转载于:https://juejin.im/post/5d09a5a3f265da1bc23f7b43