Externe URL in Angular2 Router-Ausgang laden

Question

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

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

Kann jemand bitte helfen Sie mir, wie eine externe URL laden ‚www.example.com‘ in diesem div?

Answer 1

haben Sie die Antwort erhalten?

Sie können eine Komponente wie erwähnt here haben. Importieren und fügen Sie es zu Ihrem NgModule hinzu; Danach importieren Sie es in die gewünschte Seite und verwenden Sie den Selektor anstelle von <router-outlet>.

Answer 2

Erstellen Sie einfach eine Komponente zum Rendern innerhalb <ng-outlet> mit der Routing-Konfiguration. Dann sollten Sie Komponente Vorlage innerhalb haben eine auf Ihre externe Website zeigen.

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 Ihre Komponentenvorlage sollte wie folgt aussehen

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

einen Code wie der oben ist, nur Schritt verbleibende wenn eine Route in der Routing zu konfigurieren.