标签：www 国际化 -- com IONIC H5 https translate ngx

 

开发规范：

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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。