如何在导航栏中路由到导航栏答案

【问题标题】：How to route to Navbar inside a navbar如何在导航栏中路由到导航栏
【发布时间】：2021-08-07 15:25:02
【问题描述】：

enter image description here我的 home 组件有一个导航栏，在组件 div 内还有另一个导航栏。我想打开此导航栏中的链接以在包含该导航栏的同一 div 中打开。做不到。任何可以帮助代码的人都是这样的： app.compoent 是

<body class="bg-dark" >
   <div class=" border solid bg-light justify-content-center">
  <app-nav-menu></app-nav-menu>

    <router-outlet></router-outlet>

  </div>
 </body>

这就是家

<div class="bg-secondary"  style="border:1px solid #333">
    <app-sub-nav-menu></app-sub-nav-menu>
  </div>

我尝试使用带有名称的路由器

{ path: 'contacts', component: CarouselComponent, outlet: "outlet1" }

并将其放在子导航菜单组件中

但它没有用。当我点击链接时，它没有在浏览器栏中显示任何内容。

【问题讨论】：

您好！没有看到它很难理解你的问题。你能用stackblitz 或其他东西创建一个工作演示（到目前为止你所得到的）吗？
谢谢。如果您查看随帖子发送的图像可能更容易理解。如果没有，我会尝试做一个演示。 rgrds
我做了一个演示。 stackblitz.com/edit/angular-ivy-nbce8z?file=src/app/home/…

标签： angular

【解决方案1】：

使用激活的路由器链接也许对你有用。 https://angular.io/api/router/RouterLinkActive

【讨论】：