在角度转换器中添加带html的param

时间:2017-09-14 16:08:53

标签: angular angular-translate

我有这样的翻译:

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

我想使用Angular翻译来做这样的事情:

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

但是我收到错误Unclosed string literal并且字符串没有被解释,只是在网页中显示的那样。

如何在Angular 4的翻译中添加带html标签的变量?

你能帮帮我吗?谢谢。

1 个答案:

答案 0 :(得分:0)

所以你需要在p:

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

在您的组件中启动variable2