2016-09-29 48 views
3

我正在使用ng2-translate在角度2中進行國際化。 我有一個包含字符串如下標籤:字符串中的角度2綁定表達式(ng2-translate)

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

其中STEPNUMBER和totalSteps都在我的組件屬性。

國際化我在我的資源文件中存儲一個密鑰,並使用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> 

輸出我得到的是

zh:

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

FR:

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

預期輸出:

EN:

"Step 1 of 11" 

FR:

"Étape 1 sur 11" 

是可以添加與angular2綁定的字符串中的表達式?

我想使用angular2綁定,而不是string.replace,如果可能的話。

感謝您的幫助!

+0

嗨shaikhspear,你可以分享你如何配置NG2-轉化爲angular2的基本知識。我與我的最後走到這一步,儘管如此,最終還是出現了使用transle-module在模塊中全局註冊翻譯管道的問題。 –

回答

3

您必須添加一個對象作爲像管參數:

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

+1

太棒了!謝謝。除此之外,我們可以在類型腳本中使用TranslateParser。 'this.parser.interpolate(this.translateService.instant(「KEY_STEP_COUNT」),{maxUploadSize:maxUploadSize}));' – shaikhspear

+0

沒問題,還好找也:) – MatWaligora