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

Posted 2020-11-02 赵皖华

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

 

就到这里了。