Como carregar a página html externa no ionic2
Estou criando um aplicativo Ionic2. Eu tenho um componente que gostaria de carregar um templateUrl externo no e.x (http: www.example.com/test-view.html).
Como faço para carregar esse html na variável templateUrl no @Component?
Aqui está o que eu tenho até agora.
import { Component, DynamicComponentLoader, ViewContainerRef,
ViewChild } from '@angular/core';
import { bootstrap } from '@angular/platform-browser-dynamic';
import { Http, Headers, RequestOptions } from '@angular/http';
@Component({
//templateUrl: 'build/pages/hello-ionic/hello-ionic.html'
template: `<div [innerHTML]="myVal"></div>`,
selector: 'HelloIonicPage'
})
export class HelloIonicPage {
myVal: any;
viewLink: any;
viewHtml: any;
constructor(private http: Http) {
let headers = new Headers({ 'Content-Type': 'text/html' });
let options = new RequestOptions({ headers: headers });
this.viewHtml = this.http.get('http://example.net//test-view1.html');
this.myVal = this.viewLink
console.log(this.myVal);
}
}