Angular 翻译带参数的 innerHTML

Question

我想翻译包含 <a> 标签和 url 参数的源文本，字符串文本示例：

STRING_TEXT = 'some text <a href={{url}}>some link name</a>'

我知道可以翻译

<div [innerHTML]="'STRING_TEXT' | translate"></div>

如docs所述。

但是在这种情况下如何包含 url 参数？

Answer 1

translate pipe 采用参数对象，它是翻译消息的上下文，您可以将此参数传递为：

<div [innerHTML]="'STRING_TEXT' | translate: {url: someVariableOnComponent}"></div>

见the docs