ionic3-ng4學習見聞--(多語言方案)

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

 

就到這裏了。