首页 > 解决方案 > 如何在标题下方添加标签导航?

问题描述

我想在标题下方创建一个标签导航。
并且当单击选项卡之一时,显示选项卡的侧边栏及其内容。像这样

https://drive.google.com/open?id=1iQ9vCslTwUt6Zo4-WLHr_vjAL8gvi_3A

为此,我应该从哪里开始以及如何开始?经过多次尝试,我想我可能走错了路或走错了方向。

@Component({
  selector: 'ngx-pages',
  styleUrls: ['pages.component.scss'],
  template: `
    <ngx-one-column-layout>
      <tab-nav></tab-nav>
      <nb-menu [items]="menu"></nb-menu>
      <router-outlet></router-outlet>
    </ngx-one-column-layout>
  `,
})


标签: angularnebularngx-admin

解决方案


如果您可以考虑先手动操作,那么做标签导航真的很容易。它只是一个风格化的水平

 <ul><li> 

里面有routerLinks。基本上它只是一个风格化的左菜单导航。我可以给你发一些前代码


推荐阅读