Chargement d'une URL externe dans un router-outlet Angular2

Question

Je développe une application en utilisant Angular2. J'ai un composant avec le modèle suivant :

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

Quelqu'un peut-il m'aider à charger une URL externe 'www.example.com' dans cette div ?

Answer 1

Il suffit de créer un composant à rendre à l'intérieur <ng-outlet> en utilisant la configuration de routage. Ensuite, votre modèle de composant à l'intérieur devrait avoir un <iframe> pointant vers votre site externe.

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 {
    }

}

Votre modèle de composant doit alors ressembler à

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

Avec un code comme celui ci-dessus, il ne reste plus qu'à configurer une route dans votre routage.

Answer 2

Avez-vous obtenu une réponse à cette question ?

Vous pouvez avoir un composant tel que mentionné aquí . Importez-le et ajoutez-le à votre NgModule ; Ensuite, importez-le dans la page que vous voulez et utilisez le sélecteur à la place de <router-outlet> .