系统需有多个语言版本,如何对文字进行国际化
2018-08-02 本文已影响0人
YouziLeeY
现在做的系统一共有汉语,英语,以及葡语三个语言版本,要想在不同语言版本下展示不同国家的语言,可以进行如下操作.
我需要对系统中的一张表格进行数据管理,于是新建了一个组件config,以此为例:
1)在config.module.ts中导入Translate Module
import {Translate Module} from...
2)在config.component.ts中导入Alert和Translate Service
import{Alert}from...
import{TranslateService}from...
3)在config.component.ts中实例化一个对象
constructor(private translate:TranslateService)
this.alert=new Alert(translate)
4)在i18中添加汉语,英语葡语对应的解释
汉语下:
"BasicCoding" : {
"code":"编码",
"value": "值",
......
}
英语下:
"BasicCoding" : {
"code":"code",
"value": "value",
......
}
葡语也同样加上
5)运用语法
{{'BasicCoding.code'|translate}}
这样在不同语言版本下会显示相应的语言,例如中文下显示"编码",英语版本下显示"code".
