1.安裝ng2-translate

npm install ng2-translate --save

2.app.moudle.ts

引入模塊，在下方新增方法

1 import { TranslateModule, TranslateStaticLoader, TranslateLoader } from ‘ng2-translate/ng2-translate‘;
2 import { TranslateService } from ‘ng2-translate‘;

在@ngmodule

imports添加

  TranslateModule.forRoot({
      provide: TranslateLoader,
      useFactory: (createTranslateLoader),
      deps: [Http]
    })
 

provider添加

TranslateService

3.app.component.ts

引入

import { TranslateService } from ‘ng2-translate‘;

構造器註入服務後

 this.translate.setDefaultLang(‘zh‘);

4.新增語言配置文件

5.login.module.ts

引入多語言相關模塊

import { TranslateModule} from ‘ng2-translate‘;

importers新增

TranslateModule

6.login.html

7.login.ts

註入服務

import { TranslateService } from ‘ng2-translate‘;

就到這裏了。

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