angular - 模板中一个字符串的超链接文本

Question

我在角度分量中有这个字符串：

...
value="Click <a href='/something'>here</a>";
...

在html中我有：

...
<div>
  {{value}}
</div>
...

我希望在页面中看到一个单词链接，例如：单击此处。

相反，我将单击此处视为文本。

我需要这个，因为我正在将警报对话框自定义为模态。

是否可以将值文本视为 html 链接？

标签： angulartemplatescomponents

Answer 1

当您在模板中使用带有标签的值时，Angular 会将其识别为不安全的，因此会直接清理该值。您需要将您的值绑定到您的 div 的 innerHTML 属性。角度文档

所以在你的情况下这样做

...
<div [innerHTML]="value">
</div>
...