title: what is the good way to render html contents in angular4?
body: <p>I have a string of html contents. How to render it in html page without using document.write() in angular 4?</p>
  
  <p>my string looks like:</p>
  
  <pre><code>`&lt;mark&gt;4.95&lt;/mark&gt;&lt;mark&gt;Nunavut&lt;/mark&gt;&lt;mark&gt;Office Furnishings&lt;/mark&gt;&lt;mark&gt;0.37
   7&lt;/mark&gt;&lt;mark&gt;"Angle-D Binders with Locking Rings&lt;/mark&gt;&lt;mark&gt; Label Holders"&lt;/mark&gt;&lt;mark&gt;Carl Jackson&lt;/mark&gt;&lt;mark&gt;613&lt;/mark&gt;&lt;mark&gt;-54.04&lt;/mark&gt;&lt;mark&gt;7.3&lt;/mark&gt;&lt;mark&gt;7.72&lt;/mark&gt;&lt;mark&gt;Nunavut&lt;/mark&gt;&lt;mark&gt;Binders and Binder Accessories&lt;/mark&gt;&lt;mark&gt;0.38
   8&lt;/mark&gt;&lt;mark&gt;"SAFCO Mobile Desk Side File&lt;/mark&gt;&lt;mark&gt; Wire Frame"&lt;/mark&gt;&lt;mark&gt;Carl Jackson&lt;/mark&gt;&lt;mark&gt;613&lt;/mark&gt;&lt;mark&gt;127.70&lt;/mark&gt;&lt;mark&gt;42.76&lt;/mark&gt;&lt;mark&gt;6.22&lt;/mark&gt;Nunavut&lt;mark&gt;Storage &amp; Organization&lt;/mark&gt;&lt;mark&gt;
   9&lt;/mark&gt;&lt;mark&gt;"SAFCO Commercial Wire Shelving&lt;/mark&gt;&lt;mark&gt; Black"&lt;/mark&gt;&lt;mark&gt;Monica Federle&lt;/mark&gt;&lt;mark&gt;643&lt;/mark&gt;&lt;mark&gt;-695.26&lt;/mark&gt;&lt;mark&gt;138.14&lt;/mark&gt;&lt;mark&gt;35&lt;/mark&gt;&lt;mark&gt;Nunavut&lt;/mark&gt;&lt;mark&gt;Storage &amp; Organization&lt;/mark&gt;&lt;mark&gt;
   10&lt;/mark&gt;&lt;mark&gt;Xerox 198&lt;/mark&gt;&lt;mark&gt;Dorothy Badders&lt;/mark&gt;&lt;mark&gt;678&lt;/mark&gt;&lt;mark&gt;-226.36&lt;/mark&gt;&lt;mark&gt;4.98&lt;/mark&gt;&lt;mark&gt;8.33&lt;/mark&gt;
  `
  </code></pre>