html - div 正文中的 angular2 url 链接

Question

我有一个使用插值填充的 pre block :

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

and 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>

因此在浏览器中我只想看到指向指定 url 的超链接:

some text link some more text

但是如果我尝试将 html 注入(inject)到文本 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>