div2 url链接在div体中

Question

我有一个pre块，使用插值填充：

<pre>{{text}}</pre>

和text="some text https://google.com some more text"

我希望得到类似的东西：

<pre>some text <a href="https://google.com" target="_blank">link</a> some more text</pre>

因此在浏览器中我只希望看到指向指定网址的超链接：

some text link some more text

但如果我尝试将html注入text var中，肯定会将其显示为纯文本：

some text <a href="https://google.com" target="_blank">link</a> some more text

有没有一种简单的方法可以获得理想的结果？不使用ngFor

Answer 1

这就是你要找的东西：

text="some text <a href='https://google.com' target='_blank'>link</a> some more text"

在你的模板中：

<pre [innerHTML]="text"></pre>