在Ionic 2应用程序中安装ng2-translate库

Question

我正在尝试使用official doc在我的离子2应用程序中安装ng2-translate。但它不起作用。我不明白为什么官方说明不起作用。

因为我是初学者，我得到了我不理解的错误。

app.module.ts：

import { NgModule, ErrorHandler } from '@angular/core';
import { Http } from '@angular/http';
import { TranslateModule } from 'ng2-translate/ng2-translate';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';
import { WeightlevelPage } from '../pages/weightlevel/weightlevel';
import { RecovolPage } from '../pages/recovol/recovol';
import { ComparePage } from '../pages/compare/compare';


export function createTranslateLoader(http: Http) {
    return new TranslateStaticLoader(http, 'assets/i18n', '.json');
}


@NgModule({
  declarations: [
    MyApp,
    WeightlevelPage,
    RecovolPage,
    ComparePage
  ],
  imports: [
    IonicModule.forRoot(MyApp),
    TranslateModule.forRoot(
      {
        provide: TranslateLoader,
        useFactory: (createTranslateLoader),
        deps: [Http]
      }
    )
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    WeightlevelPage,
    RecovolPage,
    ComparePage
  ],
  providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}]
})
export class AppModule {}

我得到了这些错误：

Typescript Error
Cannot find name 'TranslateStaticLoader'.
src/app/app.module.ts

这条线return new TranslateStaticLoader(http, 'assets/i18n', '.json')和

Typescript Error
Cannot find name 'TranslateLoader'.
src/app/app.module.ts

这条线：provide: TranslateLoader,

Answer 1

在这里添加TranslateLoader：

从'ng2-translate / ng2-translate'导入{TranslateModule，TranslateLoader};

而对于createTranslateLoader，请确保这两个文件夹assets/i18n在src下。