title: How to load external html page in ionic2
body: <p>I am creating an Ionic2 app. I have a component that I would like to load an external templateUrl into e.x (http:www.example.com/test-view.html).</p>
  
  <p>How do I go about loading that html into the templateUrl variable in @Component? </p>
  
  <p>Here's what I have so far.</p>
  
  <pre><code>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: `&lt;div [innerHTML]="myVal"&gt;&lt;/div&gt;`,
      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);
      }
  }
  </code></pre>