Загрузка внешнего URL-адреса в Angular2 router-outlet

Question

Я разрабатываю приложение, используя Angular2. У меня есть компонент со следующим шаблоном:

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

Может кто-то пожалуйста, помогите мне, как загрузить внешний URL «www.example.com» в этом DIV?

Answer 1

Вы получили ответ для этого?

У вас может быть указанный компонент here. Импортируйте и добавьте его в свой NgModule; После этого импортируйте его на нужную страницу и используйте селектор вместо <router-outlet>.

Answer 2

Просто создайте компонент для визуализации внутри <ng-outlet> с помощью конфигурации маршрутизации. Затем в шаблоне компонента внутри должен быть , указывающий на внешний сайт.

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

} 

Тогда ваш шаблон компонента должен выглядеть

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

Имея код, как показано выше, только шаг остальным, если настроить маршрут вашего маршрута.