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

Lou*_*uis 3 angular2-routing angular

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

示例:mywebsite.com/register

它应该直接打开一个带有弹出窗口的网页进行注册。

目前我有:

主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>
Run Code Online (Sandbox Code Playgroud)

维护

@RouteConfig([
  {
    path: '/register',
    name: 'Login',
    component: LoginCmp
  }
])
Run Code Online (Sandbox Code Playgroud)

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

谢谢

小智 5

也许对一些使用Google搜寻功能的人有用:) https://vsavkin.com/angular-2-router-d9e30599f9ea#.5i699nkjd 简而言之:使用类似/ login(popup:message / hello)之类的路由器链接,我们可以适当地渲染弹出组件网点。应用程序组件包含:

<router-outlet></router-outlet>
<router-outlet name="popup"></router-outlet>
Run Code Online (Sandbox Code Playgroud)