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

Question

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

示例:mywebsite.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>

主要.TS

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

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

谢谢

Answer 1

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

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