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

Question

我正在尝试使用official doc 在我的 ionic 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：

import { TranslateModule, TranslateLoader } from 'ng2-translate/ng2-translate';

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