angular - 使用参数转换管道

Question

我正在使用翻译管道。我有一个字符串，其中包括我公司的网站，我不应该翻译它。所以我使用参数。但网站应该是一个链接（标签）。我该怎么做？

<p class="al-privacy-policy-text">{{"PRIVACY_POLICY_PAGE.INTRODUCTION_TEXT" | translate: ({website: 'https://www.title.com/'})}}</p>

现在https://www.title.com是一个简单的文本。

"PRIVACY_POLICY_PAGE.INTRODUCTION_TEXT": " ...当使用我们的网站 {{website}}..."

标签： angularangular-translate

Answer 1

更改内容PRIVACY_POLICY_PAGE.INTRODUCTION_TEXT以使用网站占位符的锚标记。然后使用innerHtml以允许 html 内容，这样它就不会被清理。

<p class="al-privacy-policy-text" [innerHTML]="'PRIVACY_POLICY_PAGE.INTRODUCTION_TEXT' | translate: ({website: 'https://www.title.com/'})"></p>

另请参阅清理和安全上下文以及如何在翻译字符串中包含 html 标记