H5 IONIC 3国际化配置

 

开发规范：

1、多语言目前均采用的中文，防止某些系统异常，即可默认显示中文

2、html中书写规范

2.1 文本标签

  <ion-label> {{'开始时间' | translate}} </ion-label>

2.2 组件

 <ion-input

type="text"

[placeholder]="'请输入会议名称(必填)' | translate"

class="fontSize16"

></ion-input>

 

3、ts中书写规范 （每个.ts均需要先导入一次，具体参考安装方法）

      import { TranslateService } from '@ngx-translate/core';

 

    this.translate.instant(titleString);

4、当前页面监听直接修改语言后的监听

this.translate.onLangChange.subscribe(() =>{

});

 

5、带参数的目前未找到简单方法，只能拆开处理，具体实现具体对待

 

 参考文献：

国际化--

https://blog.csdn.net/u012125121/article/details/79447614/

https://www.cnblogs.com/shcrk/p/9215923.html

https://www.jianshu.com/p/7d1da3098625

https://blog.csdn.net/qq_29971465/article/details/90421414

 

Ionic 4无法升级说明

https://www.jianshu.com/p/be353a77bf33

 

安装模块包 （需要指定版本，因其他版本未验证是否可用）

npm install @ngx-translate/core@8.0.0 --save 
npm install @ngx-translate/http-loader@1.0.0 --save

其他使用方式，上边文档说明很详细，不需要特别说明

 

标签：www,国际化,--,com,IONIC,H5,https,translate,ngx
来源： https://www.cnblogs.com/WLL-Hero/p/16490890.html