如何在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（不解析）

回答

相關問題