Laden Externer URL in Angular2 router-Steckdose

Ich entwickle eine Anwendung mit Angular2.
Ich habe eine Komponente mit der folgenden Vorlage:

<div>
  <router-outlet></router-outlet>
</div>

Kann mir bitte jemand helfen, wie das laden einer externen URL 'www.example.com" in diesem div?

InformationsquelleAutor UnderWood | 2016-08-09
  1. 2

    Nur eine Komponente erstellen, zu Rendern innen <ng-outlet> durch die Verwendung der routing-config.
    Dann sind Sie component-template im inneren soll ein <iframe> auf Ihre externe Website.

    import {Component, OnInit} from '@angular/core';

@Component({
    selector: 'app-external-page',
    templateUrl: './external-page.component.html',
    styleUrls: ['./external-page.component.css']
})

export class ExternalPageComponent implements OnInit {

    title = 'app works!';

    constructor(private _stellarService: StellarService) {
    }

    ngOnInit(): void {
    }

}

    Dann die Komponente Vorlage Aussehen sollte

    <div>
    <iframe src="yourexternalpage url"></iframe>
</div>

    Code wie oben, nur noch Schritt, wenn Sie zum konfigurieren einer route im eigenen routing.

    • wenn die externe app-Optionen festlegen, zu verweigern, die Darstellung in einem frame, wird dieser Lösung arbeiten? Auch, was die Risiken sind, die durch öffnen der app in einen Rahmen. Wenn wir die x-frame-Optionen zum einschließen von bestimmten Domänen, wird es helfen
    InformationsquelleAutor mspasiuk
  2. 0

    hast du die Antwort für diesen ?

    Können Sie eine Komponente, wie bereits erwähnt hier . Importieren und fügen Sie es zu Ihrem NgModule; Danach importieren Sie Sie in die Seite, die Sie wollen und nutzen Sie den Selektor statt <router-outlet>.

    InformationsquelleAutor Relativity
Schreibe einen Kommentar