refer external url in angular2
<p>I wanted to build an angular2 component which can render a external website under my current application page layout, something similar to using IFrame in normal Javascript/JQuery coding.</p>

<p>Please find the sample code below, wherein the internal routing happens when the user clicks on Dashboard1 or Report1 link in the html tag "". 
Sameway when the user clicks on the ExternalLink link, then within the "" specified, the external website should be rendered.</p>

<pre><code>@Component({
    selector: 'comp-menu',
    templateUrl: './Menu.html',
    directives: [menutopbar, leftmenu, ROUTER_DIRECTIVES]
})

@RouteConfig([
        { path: '/Dashboard1', name: 'ComponentOne', component: ComponentOne },
        { path: '/Report1', name: 'ReportOne', component: ReportOne },
        { path: '/ExternalLink', name: 'ExternalLink', component: ExternalLink}
])
</code></pre>

<p>If anyone have idea about how to refer the external website within the current application html page layout, then please share the details  </p>