title: "IONIC 3" page adding html content variable
body: <p>I am trying to add a variable containing html to my ionic 3 page</p>
  
  <p>Ionic Page:</p>
  
  <pre><code>&lt;ion-header&gt;
  
    &lt;ion-navbar&gt;
      &lt;ion-title&gt;{{offeritem.data.nameprovider}}&lt;/ion-title&gt;
    &lt;/ion-navbar&gt;
  
  &lt;/ion-header&gt;
  
  
  &lt;ion-content padding&gt;
    &lt;div&gt;
      {{offeritem.data.detailsoffer}}
    &lt;/div&gt;
  &lt;/ion-content&gt;
  </code></pre>
  
  <hr>
  
  <p>However I am getting the following</p>
  
  <p>Result:</p>
  
  <pre><code>&lt;p&gt;The table contains 30 pieces:&lt;/p&gt;&lt;ul&gt;&lt;li&gt;5 Philadelphia Roll&lt;/li&gt;
  &lt;li&gt;5 Fantasia Roll&lt;/li&gt;
  </code></pre>
  
  <p>Please let me know what I am doing wrong in this case.</p>
  
  <p>Thanks in advance</p>