Comment charger externe page html dans ionic2

Je suis entrain de créer un Ionic2 app. J'ai un composant que je voudrais charger un externe templateUrl en ligne.x (http:www.example.com/test-view.html).

Comment puis-je aller sur le chargement du code html dans le templateUrl dans la variable @Composant?

Voici ce que j'ai jusqu'à présent.

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);
    }
}
InformationsquelleAutor ShadowVariable | 2016-06-30
  1. 3

    Vous pouvez le faire comme ceci:

    this.http
  .get('http://example.net//test-view1.html')
  .map(response => response.text())
  .subscribe(html => myVal = html);

    Noter que le html sera stérilisé, donc si vous avez besoin quelque chose de fantaisie que vous aurez à utiliser DomSanitizationService. N'oubliez pas c'est Risque de Sécurité drapeau dans les docs (;

    • Quand je fais cela, je reçois un XSS erreur: XMLHttpRequest ne peut pas charger website/test-view1.html. Pas de "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. Origine 'localhost:8100' est donc pas autorisé à accéder.
    • Tant pis, j'ai réalisé que j'avais à définir les procurations! Merci beaucoup 😀
    • pouvez-vous me montrer comment vous définissez le proxy?
    InformationsquelleAutor Sasxa