如何在angular2模板中显示显示html（不解析）

-1

我想为我的应用程序创建一些排序的网站地图。由于我无法使用站点地图生成器。如何在angular2模板中显示显示html（不解析）

我希望能够像这样显示的东西：

<url> 
    <loc> 
    http://www.fff.com 
    </loc> 
    </url> 
    <url> 
    <loc> 
    http://www.fff.com/blog/23442 
    </loc> 
    </url>

这样我可以在一个XML文件复制和过去。我想是这样的：

<code ngNonBindable> 
    <url> 
    <loc> 
     http://www.fff.com/blog/23442 
    </loc> 
    </url> 
</code>

这将只显示：http://www.fff.com/blog/23442。

无论如何，我能做到这一点？

来源

2017-02-24 Ericel

这是什么问题？预期的行为是什么？ –

是可以显示与和标签周围..？ – Ericel

看起来不像是一个角度问题。它仅仅添加到DOM中，只是浏览器不显示它。 –

这是因为html将被解析为元素。你必须分别替换所有<和>与<和>：

<code> 
    &lt;url&gt; 
    &lt;loc&gt; 
    http://www.fff.com 
    &lt;/loc&gt; 
    &lt;/url&gt; 
    &lt;url&gt; 
    &lt;loc&gt; 
    http://www.fff.com/blog/23442 
    &lt;/loc&gt; 
    &lt;/url&gt; 
</code>

来源

2017-02-24 12:54:16 PierreDuc

<pre> 
    {{content}} 
</pre>

content = `<url> 
    <loc> 
     http://www.fff.com/blog/23442 
    </loc> 
    </url>`;

Plunker example

来源

2017-02-24 12:57:31

确实好多了。这应该是公认的答案，考虑到它的角度:) – PierreDuc

不要担心。如果他喜欢你的方法，那么你的应该被接受。我认为downvote有点苛刻（upvoted）。 –

如何在angular2模板中显示显示html（不解析）

回答

相关问题