使用另一个模板的router-outlet

时间:2017-07-30 18:10:14

标签: angular

我一直在努力尝试从另一个组件模板中调用一个组件模板中的router-outlet。

我在 full-layout.component.html

中设置主路由器插座
<div class="container-fluid">
    <router-outlet name='left'></router-outlet>
</div>

在同一模板中,我有带routerLinks的导航菜单

<li class="nav-item">
      <a routerLinkActive="active" [routerLink]="['/company']">Link</a>
</li>

现在我想要实现的是,我有routerLinks指向那个主路由器插座,但是在不同的组件中。

例如,在此组件 mycomponent.component.html 中,我想让routerLink指向 中的路由器插座 - layout.component.html

<a routerLinkActive="active" [routerLink]="['/other-component']">Link</a>

我尝试使用路由器插座命名

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

,但每次我设置&#39; outlet&#39;键入路由模块,我的应用程序转为白屏,没有任何错误。除了使用路由器命名之外还有其他方法吗?虽然我甚至不确定命名是否能解决我的问题。

0 个答案:

没有答案