使用参数转换管道

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}}..."

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>

另请参阅Sanitization and security contexts 和 How to include html tags in your translation strings