Angular2 - TypeScript到JavaScript ES6语法 - ng2-translate

时间:2016-08-12 20:57:56

标签: javascript angular ecmascript-6 ionic2 ng2-translate

我正在尝试在我的Angular2 / Ionic2应用程序上实现ng2-translate管道,该应用程序完全是在JavaScript ES6上编写的。

但是,我在设置阶段停留在一步,我需要在JavaScript ES6中编写一段代码。 到目前为止,我在他们的文档和互联网上找到的是在TypeScript上编写的,它在尝试在我的应用程序上实现时会抛出语法错误。

代码:

      @Component({
          template: '<ion-nav swipeBackEnabled="true" [root]="rootPage"></ion-nav>',
        config: {}, 
        providers: [
         {
         //The Syntax error throws on this line, which is needed to be re-written on JS
           provide: TranslateLoader,
           useFactory: (http: Http) => new TranslateStaticLoader(http, 'assets/i18n', '.json'),
           deps: [Http]
         },
         TranslateService
       ],
       pipes: [TranslatePipe]
      })

我需要知道的是如何将在TypeScript上编写的代码片段转换为JavaScript ES6以使其运行。

1 个答案:

答案 0 :(得分:1)

不知道错误是什么......也许从函数定义中删除属性useFactory就足够了。

  @Component({
      template: '<ion-nav swipeBackEnabled="true" [root]="rootPage"></ion-nav>',
    config: {}, 
    providers: [
     {
       provide: TranslateLoader,
       useFactory: (http) => new TranslateStaticLoader(http, 'assets/i18n', '.json'),
       deps: [Http]
     },
     TranslateService
   ],
   pipes: [TranslatePipe]
  })