使用方法Ionic2のパイプを変換しますか？私は希望

Question

は、ユーザーIonic2に建てられたパイプを変換する方法を知っている：、などの訳語が含ま.jsonファイルをある、フォームをインポートするにはどのような

http://ionicframework.com/docs/v2/api/translation/Translate/

...

ドキュメントはまったく明確ではないため、実装できませんでした。

{{ 'Hello world!' | translate:'' }} 

はコンポーネント：もちろん

@Component({ 
    template: ` 
    <ion-header> 
     <ion-navbar> 
     <button menuToggle> 
      <ion-icon name="menu"></ion-icon> 
     </button> 
     <ion-title>My page</ion-title> 
     </ion-navbar> 
    </ion-header> 

    <ion-content > 
     <h1>{{ 'Hello world!' | translate:'' }}</h1> 
    </ion-content > 
    `, 
    directives: [], 
    providers: [], 
    pipes: [TranslatePipe] 
}) 
export class MyPage { 
    constructor(private translate:Translate) { 
     this.translate.translations('fr', { 
      'Hello world!': 'Salut les gens!' 
     }); 
     this.translate.translations('de', { 
      'Hello world!': 'Hallo zusammen!' 
     }); 

     this.translate.setLanguage('fr'); 
    } 
} 

、私はグローバル翻訳サービスをセットアップする必要がありますテンプレート（それは私のためのパイプ引数なしでは動作しません）でこのよう

Answer 1

app.ts.

うまくいくと思います。

Answer 2

this docs。

ところで、あなたのapp.moduleに追加する必要があります。

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

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

そして（IonicModule.forRoot（...）後の）輸入セクションで：

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

今すぐあなたのアプリに.componentあなたの初期化関数に追加します。

this.translate.setDefaultLang('en'); 
this.translate.use('en'); 

は今、あなたは資産/ I18N/* JSONのための下es.jsonまたはen.jsonファイルを作成する必要がありますあなたのhtmlで使用することができます：

{{ 'notifications' | translate }} 

これはあなたを助けるでしょう。