angular - How to display display html(not parsed) in angular2 template

Question

I am trying to create some sort a sitemap for my app. Since I can't use a sitemap generator.

I want to be able to display something like this:

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

That way I can copy and past in a xml file. I tried something like this:

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

This will only display: http://www.fff.com/blog/23442.

Anyway I can achieve this?

Answer 1

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

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

Plunker example