html - 如何以角度在行的下一列中打开routerLink?
问题描述
我正在创建一个仪表板,并使用引导网格创建了侧边栏菜单。现在,当我单击任何侧边栏菜单的 routerLink 时,我想要。我的目标是在该行的下一列中打开该链接,这通常发生在仪表板/管理面板中。但就我而言,当我单击链接时,它会转到下一页。
<div class="row">
<div class="col-sm-2">
<div class="list-group">
<a routerLink="dashboard" class="list-group-item active"> Dashboard</a>
<div>
<a class = "list-group-item" data-toggle="collapse"
href="#collapse1">Accessories</a>
<div id="collapse1" class="panel-collapse collapse bgColor">
<div class="list-group">
<a routerLink ="add-new" class="list-group-item">Add new Accessory</a>
<a routerLink ="view-accessories" class="list-group-item">View Accessories</a>
</div>
</div>
</div>
</div>
</div>
<div class="col">
</div>
</div>
I expect the output that link should be open in next column of row.
but here in my case it goes to next page. how to resove this.[enter image description here][1]
[1]: https://i.stack.imgur.com/DVyLQ.jpg
解决方案
这通常是通过在路由器插座之外设置常量元素(如仪表板)的布局来实现的。说,在您的 AppComponent 中:
<app-navbar></app-navbar>
<app-vertical-nav></app-vertical-nav>
<router-outlet></router-outlet>
<app-footer></app-footer>
推荐阅读
- node.js - 解构 Sequelize 查询
- reactjs - GITLAB CI - React 应用程序构建失败但工作成功
- python - 熊猫:TypeError:无法比较类型'ndarray(dtype = object)'和'str'
- javascript - Javascript 父节点不包含子节点
- mysql - 无法将 .sql 文件导入 Mysql 中的新数据库
- c# - ORA-00904 Linq 在 Oracle 的 SQL 查询中生成错误
- python - 在 Python3.x 中获取 JSON 的最后一项
- ios - UIActivityViewController 选项按钮
- java - 如何从另一个类访问mysql数据库中的变量?
- javascript - jquery timepicker cdnjs.cloudflare 不工作