inValid html - unexpected closing tag `</code>`

Question

The following code snippet was generated by the marked markdown renderer, and is included in my angular 2 template.

<code>
@import { url(&#39;~/platform.css&#39;) };
</code>

However, it throws the following error:

Unexpected closing tag "code" ("
<code>
@import { url(&#39;~/platform.css&#39;) };
[ERROR ->]</code>

What is wrong with that code?

Answer 1

I think you need to encode the content like

<code>
{{'@import { url(&#39;~/platform.css&#39;) };'}}
<code>

if it contains { or }