码迷,mamicode.com
首页 > 编程语言 > 详细

ionic3-ng4学习见闻--(多语言方案)

时间:2018-05-01 15:56:29      阅读:848      评论:0      收藏:0      [点我收藏+]

标签:code   one   pre   span   lang   png   cdc   word   bcd   

1.安装ng2-translate

技术分享图片
npm install ng2-translate --save
View Code

2.app.moudle.ts

引入模块,在下方新增方法

技术分享图片
1 import { TranslateModule, TranslateStaticLoader, TranslateLoader } from ‘ng2-translate/ng2-translate‘;
2 import { TranslateService } from ‘ng2-translate‘;
View Code
技术分享图片View Code

在@ngmodule

imports添加

技术分享图片
  TranslateModule.forRoot({
      provide: TranslateLoader,
      useFactory: (createTranslateLoader),
      deps: [Http]
    })
View Code

provider添加

技术分享图片
TranslateService
View Code

 

3.app.component.ts

引入

技术分享图片
import { TranslateService } from ‘ng2-translate‘;
View Code

构造器注入服务后

技术分享图片
 this.translate.setDefaultLang(‘zh‘);
View Code

4.新增语言配置文件

技术分享图片

技术分享图片

技术分享图片

5.login.module.ts

引入多语言相关模块

技术分享图片
import { TranslateModule} from ‘ng2-translate‘;
View Code

importers新增

技术分享图片
TranslateModule
View Code

6.login.html

技术分享图片

 

 7.login.ts

注入服务

技术分享图片
import { TranslateService } from ‘ng2-translate‘;
View Code

技术分享图片

 

就到这里了。

ionic3-ng4学习见闻--(多语言方案)

标签:code   one   pre   span   lang   png   cdc   word   bcd   

原文地址:https://www.cnblogs.com/zwhblog/p/8976399.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!