angular - 如何在标题下方添加标签导航?
问题描述
我想在标题下方创建一个标签导航。
并且当单击选项卡之一时,显示选项卡的侧边栏及其内容。像这样
https://drive.google.com/open?id=1iQ9vCslTwUt6Zo4-WLHr_vjAL8gvi_3A
为此,我应该从哪里开始以及如何开始?经过多次尝试,我想我可能走错了路或走错了方向。
- 在@theme/components 中创建了一个 TabNavComponent
- 把它放在 theme.module.ts
- 并将其带到 page.component.ts 模板中的某个位置
@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>
`,
})
- 它没有显示我的新标签导航。
- 甚至在网页源中也没有。
- 是一样的,没有任何显示或错误
- 在@theme/layouts/one-column/one-column.layout.ts
- 在@theme/components/header/header.component.html
- ……
解决方案
如果您可以考虑先手动操作,那么做标签导航真的很容易。它只是一个风格化的水平
<ul><li>
里面有routerLinks。基本上它只是一个风格化的左菜单导航。我可以给你发一些前代码
推荐阅读
- html - 具有不同卡片高度的引导布局在某些分辨率上被打破
- oop - 传递给构造函数或创建
- javascript - 如何在 Angular 上使用 hashids?
- emacs - 如何让emacs加载ess
- javascript - KonvaJS:如何在调整大小时更改文本类属性(字体大小、高度和宽度)?
- ssis - 如何在 ssis 中将 NUMBER 数据类型转换为 DATE 数据类型
- c# - Google Cloud Storage 不会更新现有的默认 Content-Disposition,而是使用 .NET 客户端库创建新的 Content-Disposition 元数据
- php - 如何处理 GCP WordPress 错误“此页面无法正常工作 example.com 当前无法处理此请求。HTTP ERROR 500
- php - 独立 eloquent 不在远程 mysql 数据库中保存 bigint 值
- python - 机器学习:字符串的自动分类 - “未知标签类型”和“错误输入形状”