title: Displaying escaped HTML in angular
body: <p>I'm looking for a simplified way to display escaped html code in the browser. I.e. this is for a "quick start / lib demo" page.</p>
  
  <p>So I want to display this line as it is (without angular intercepting and calling the component):</p>
  
  <pre><code>&lt;wd-input [label]="'this is a label'"&gt;&lt;/wd-input&gt;
  </code></pre>
  
  <p>I tried a something like:</p>
  
  <pre><code>{{ '&lt;wd-input [label]="'this is a label'"&gt;&lt;/wd-input&gt;' }}
  </code></pre>
  
  <p>But it didn't work, Angular still compiled and rendered it.</p>
  
  <p>Edit: to provide more context, this is what I'm going to have to do unless we find a better way (i.e. manually escaping the html directly in the template):</p>
  
  <pre><code>&amp;lt;wd-input [label]="'this is a label'"&amp;gt;&amp;lt;/wd-input;
  </code></pre>