2017-09-14 92 views
2

我有一個翻譯像這樣的:與HTML中添加PARAM中的角度翻譯

{ 
    layout_with_variable: 'Blabla blabla {{VARIABLE}}' 
} 

而且我想用角轉化爲做這樣的事情:

<p>{{'layout_with_variable'|translate:{VARIABLE: '<a href="tel:' + variable2 + '">' + variable2 + '</a>'}}}</p> 

但我得到的錯誤Unclosed string literal,並且該字符串不會被解釋,只是像網頁中那樣顯示。

如何在使用Angular 4的翻譯中添加帶有html標籤的變量?

請問您能幫我嗎?謝謝。

+0

爲什麼將內容轉換爲html標籤?你不能在「{{}}」中使用管道並將html靜態模板留在模板中嗎? – rjustin

+0

@rjustin我不明白「在模板中留下html靜態?」的部分,事情是我們已經有翻譯,我們不能真正修改它們。 – Roadirsh

+0

您在此動態添加html:{VARIABLE:'' + variable2 + ''}。爲什麼不把它留在ng中如果有必要 – rjustin

回答

0

所以你需要使用屬性[innerHTML的]在您的號碼:

<p [innerHTML]="'layout_with_variable'|translate:{VARIABLE:'<a href=tel:' + variable2 + '>' + variable2 + '</a>'}"></p> 

隨着variable2在組件啓動。