带有子组件路由的路由器出口

时间:2020-08-21 10:39:11

标签: angular routes

我有一个内部的父组件。 另外,我有一个子组件(侧边栏),它的按钮带有[routerLink],如下所示:

<button 
   [routerLink]="['/learning/account-settings/account']" [routerLinkActive]="['active']" 
   type="button" class="list-group-item list-group-item-action">
      <p>
         <i-feather name="user" data-feather="user" class="sidebar-icons"></i-feather>
         Account
      </p>
</button>

我想做的是在左右两侧都有一个静态菜单,以便使用router-outlet路由组件。

但是实际的行为是当我单击一个按钮时,它没有为我提供位于路由器出口左侧的组件,而是使用了app.component的路由器出口。

我该如何解决? 是因为[routerLink]位于子组件中,而路由器插座对此一无所知吗?

0 个答案:

没有答案