Angular2ルータアウトレットに外部URLをロードする

Question

Angular2を使用してアプリケーションを開発しています。 は、私は次のテンプレートを持つコンポーネントを持っている：

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

誰かがこのdivの中に外部URLを「www.example.com」をロードする方法を私を助けてくださいことはできますか？

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> 

のようになります。