"IONIC 3" page adding html content variable

You should use [innerHTML] for ionic 3 like this:

<p [innerHTML]="yourVarHere"></p>

<span [innerHTML]="offeritem.data.detailsoffer"></span>

REF

Note the section on "Property binding or interpolation?"


import {DomSanitizationService} from '@angular/platform-browser';

class....{
  public getSafehtml(html:string){
    return this.sanitizer.bypassSecurityTrustHtml(html);
  }
}
<ion-content padding>
  <div [innerHTML]="getSafehtml(offeritem.data.detailsoffer)"></div>
</ion-content>

If you not bypassSecurityTrustHtml then your style will not work.