Gewusst wie: laden von externen html-Seite in ionic2

Ich bin erstellen einer Ionic2 app. Ich habe eine Komponente, die würde ich gerne zum laden einer externen templateUrl in e.x (http:www.example.com/test-view.html).

Wie gehe ich über die Verladung, die html-Code in den Variablen templateUrl in @ - Komponente?

Hier ist, was ich habe, so weit.

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

    Kannst du es so machen:

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

    Beachten Sie, dass html-Code bereinigt, also, wenn Sie brauchen etwas ausgefallenes du wirst DomSanitizationService. Vergessen Sie nicht über es ist Sicherheitsrisiko fahne in den docs (;

    • Wenn ich das mache bekomme ich einen XSS-Fehler: XMLHttpRequest cannot load website/test-view1.html. Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource. Herkunft 'localhost:8100' ist daher nicht der Zugriff erlaubt.
    • Nevermind, ich erkannte, ich musste die proxies! Dank einem Haufen 😀
    • können Sie mir zeigen, wie man die proxies?
    InformationsquelleAutor Sasxa
Schreibe einen Kommentar