[innerHtml]：带左尖括号的字符串

Question

为什么Angular [innerHtml]会删除左尖括号之后的文字？

我有一行HTML内容，例如：

text1 <text2 <a>link</a>

结果将是：

text1 link

并且该链接无法点击。

我想要的结果是：

text1 <text2 link 

带有可点击链接。

如果我使用这样的字符串

text1 < text2 <a>link</a>

结果就是我的期望。

我需要做什么？

Answer 1

这与Angular无关，它是HTML的正常行为。 您无法在不关闭标记的情况下打开<text这样的标记。

如果你想让它工作，你必须逃脱它：

   text = "text1 &lt;text2 <a href=''>link</a>"

  

Plunker