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

时间:2016-03-08 20:25:03

标签: angular angular2-routing

如果我转到特定的网址,我目前正试图让我的angular2应用程序打开一个弹出窗口。

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

MAIN.TS

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

这是我的工作 Login.html已加载,但如何删除页眉,正文和页脚,还会显示弹出窗口?

由于

1 个答案:

答案 0 :(得分:4)

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

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