import { Platform, NavController } from 'ionic-angular';
import { Component } from '@angular/core';
import { ServicesProvider } from '../../providers/services/services';

let win: any = window;

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {
    url: string = "";

    constructor(public platform: Platform, public navCtrl: NavController, public Services: ServicesProvider) {
        this.platform.ready().then(() => {
        if(this.platform.is('cordova')) {
            this.url = this.Services.getStorageDirectory();
            this.url = win.Ionic.WebView.convertFileSrc(this.url) + "/index.html";
        }
        })
    }
}

<iframe [src]="url | safe" name="trustResourceURL" frameborder="0" scrolling="no" onload="this.style.visibility='visible';"></iframe>

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Pipe({
    name: 'safe',
})
export class SafePipe implements PipeTransform {
    constructor(private sanitizer: DomSanitizer) {}
    transform(url) {
        return this.sanitizer.bypassSecurityTrustResourceUrl(url);
    }
}