2016-09-29 3 views
3

ng2-translateを使用して、角度2の国際化に取り組んでいます。 私は次のように文字列が含まれているラベルを持っている:STEPNUMBERとtotalStepsは私のコンポーネントのプロパティです文字列の角2結合式(ng2-translate)

<label> Step {{stepNumber}} of {{totalSteps}} </label> 

私は自分のリソースファイルにキーを保存しており、ng2-translateパイプを利用しています。

en.json:

{ 
    "KEY_STEP_COUNT": "Step {{stepNumber}} of {{totalSteps}}" 
} 

fr.json:

{ 
    "KEY_STEP_COUNT": "Étape {{stepNumber}} sur {{totalSteps}}" 
} 

次のように私のhtmlでそれを利用:

<label> {{ 'KEY_STEP_COUNT' | translate}} </label> 

私が手に出力され

ja:

"Step {{stepNumber}} of {{totalSteps}}" 

FR:

"Étape {{stepNumber}} sur {{totalSteps}}" 

予想される出力:

EN:

"Step 1 of 11" 

FR:

"Étape 1 sur 11" 

のは、追加することが可能です文字列の中の式はangular2で束縛されていますか?

可能な場合は、angle2バインディングを使用し、string.replaceは使用しません。

ありがとうございました!あなたが好きなパイプパラメータとしてオブジェクトを追加する必要が

+0

..私は私の最後で、これまでに得ました試行しましたが、最終的にtransle-moduleを使用してモジュール内の変換パイプのグローバルワイド登録に問題がありました。 –

答えて

3

:shaikhspearこんにちは、あなたはangular2ためNG2-変換の設定方法の基本を共有することができ

{{ 'KEY_STEP_COUNT' | translate: {stepNumber: 15, totalSteps: 25} }}

+1

素晴らしい!ありがとうございました。これにさらに追加するには、TranslateParserをタイプスクリプトで使用できます。 'this.parser.interpolate(this.translateService.instant(" KEY_STEP_COUNT ")、{maxUploadSize:maxUploadSize}));' – shaikhspear

+0

いいえ、問題はありません。 – MatWaligora