Security bypass is not working


#1

Hey guys! I really need your help.

I’m using ngx-translate module to build a multilingual web app.
Product pages could be really different, so I’m loading their html from json (as in Conference template).

I created a pipe safeHtml that bypasses Angular security and trusts HTML values:

<ion-content>
  <div *ngIf="product" [innerHTML]=" [ 'products.' + [product.code] + '.page' | translate ] | safeHtml "></div>
</ion-content>

My only trouble is that pipe isn’t working. The content is rendered like there’s no any bypass. I have missing ion-grid, ion-icon tags etc.

The question is: how to make this all work?
If you need pipe code or anything else, just ask and I’ll post it.