如何使用 Router Angular2 打开弹出窗口？

Question

我目前正在尝试让我的 angular2 应用在我转到特定 URL 时打开一个弹出窗口。

示例：我的网站。com/register

应该是直接打开网页弹窗注册。

目前我有：

MAIN.HTML

 <header></header>
<body-cmp></body-cmp>


<div class="row">
  <button md-raised-button class="md-raised md-primary" type="submit" ><a href="" [routerLink]="['/Login']">S'incrire</a></button>

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

MAIN.TS

@RouteConfig([
  {
    path: '/register',
    name: 'Login',
    component: LoginCmp
  }
])

我的工作正常 Login.html 已加载，但如何删除页眉、正文和页脚并显示弹出窗口？

谢谢

Answer 1

也许对一些谷歌搜索的人有用 :) https://vsavkin.com/angular-2-router-d9e30599f9ea#.5i699nkjd 简而言之：使用 /login(popup:message/hello) 之类的路由器链接，我们在适当的插座中呈现弹出组件。应用组件包含：

<router-outlet></router-outlet>
<router-outlet name="popup"></router-outlet>

如何使用 Router Angular2 打开弹出窗口？

How to open a popup with Router Angular2?

angular2-routing

angular