小编Jay*_*Jay的帖子

最近我升级了Ionic,现在升级了Ionic3

现在,当前的应用程序不能与Ionic和ng2-translate一起使用.

相同的代码在没有延迟加载的情况下工作得很好,但是我们需要使用延迟加载来改善应用程序加载时间并减少显示的持续时间.

app.module.ts导入组件看起来像

TranslateModule.forRoot({
provide: TranslateLoader,
useClass: TMATranslationLoader
})

TMATranslationLoader看起来像

export class TMATranslationLoader implements TranslateLoader {
  constructor(  ) { }

  getTranslation(lang: string): Observable<any> {
    switch(lang) {
      case 'nl':
        return Observable.of(translations_nl);
      case 'hi':
        return Observable.of(translations_hi);
      // case 'de':
      //   return Observable.of(translations_de);
      // case 'fr':
      //   return Observable.of(translations_fr);
      // case 'es':
      //   return Observable.of(translations_es);
      default:
        return Observable.of(translations_en);
    }
  }
}

app.component.ts看起来像

this.rootPage = 'LoginPage';

login-page.html看起来像

<ion-label floating>{{ 'LBL_USERNAME' | translate }}</ion-label>

已播出的运行时异常

Error: Uncaught (in promise): Error: Template parse errors:
The …