如何在角度的行的下一列中打开routerlink?(代码片段)

author author     2023-05-13     273

关键词:

我正在创建一个仪表板,并使用bootstrap网格创建侧边栏菜单。现在我想点击任何侧边栏菜单的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>

从目录中每个txt文件的行的第一列中减去一个常数[关闭]

】从目录中每个txt文件的行的第一列中减去一个常数[关闭]【英文标题】:subtractaconstantnumberfromthefirstcolumnoftherowsofeachtxtfileinthedirectory[closed]【发布时间】:2021-12-2506:58:02【问题描述】:我在一个目录中有数千个txt文件,例如axk.tx... 查看详情

如何查询仅出现特定列中具有最高值的行的行?

】如何查询仅出现特定列中具有最高值的行的行?【英文标题】:Howtoqueryrowswhereonlytherowswiththehighestvalueinaspecificcolumnappear?【发布时间】:2021-01-2317:14:18【问题描述】:对不起,如果我的措辞令人困惑,自学PL/SQL。我正在尝试根... 查看详情

C#:如何根据一列中的最大值按升序对二维数组中的行进行排序?

】C#:如何根据一列中的最大值按升序对二维数组中的行进行排序?【英文标题】:C#:HowcanIsortrowsin2Darrayinascendingorderbasedonhighestvalueinonecolumn?【发布时间】:2021-06-2403:03:54【问题描述】:所以我有一个二维数组中的数据表(第一... 查看详情

如何在一列中获得不同的多列行

】如何在一列中获得不同的多列行【英文标题】:HowtoGetDistinctMorethanoneColumnRowsinoneColumn【发布时间】:2019-02-1213:18:32【问题描述】:我希望一列中有5列的行,并且该列中有唯一的行。SELECTDISTINCTdate,accept_date,question_date,success_dateFR... 查看详情

如何默认选择第一项,然后在角度 6 中突出显示选定的下一项 json 数据

】如何默认选择第一项,然后在角度6中突出显示选定的下一项json数据【英文标题】:howtoselectfirstitembydefaultandthenhighlighttheselectednextitemofjsondatainangular6【发布时间】:2019-01-1715:08:21【问题描述】:这是我的customer.component.html。我... 查看详情

如何识别所有行的至少一列中具有值的 ID?

】如何识别所有行的至少一列中具有值的ID?【英文标题】:HowtoidentifyanIDwithvaluesinatleastonecolumnforallrows?【发布时间】:2021-03-1121:00:25【问题描述】:我有一个带有cloumns的data.frame:id、name、year、rop、des、cax、pcld。我需要在至少... 查看详情

Python/Pandas - 如何遍历一列中的 csv 数据帧的行,以更改另一列中的值

】Python/Pandas-如何遍历一列中的csv数据帧的行,以更改另一列中的值【英文标题】:Python/Pandas-Howtoiteratethroughrowsofacsvdataframeinonecolumn,inordertochangethevaluesinanothercolumn【发布时间】:2021-09-0704:44:16【问题描述】:我正在使用pandas读取... 查看详情

每次在 MATLAB 中运行代码时,如何更新下一列中我的 Excel 工作表中的计算数据?

】每次在MATLAB中运行代码时,如何更新下一列中我的Excel工作表中的计算数据?【英文标题】:HowcanIupdatecalculateddatainmyexcelsheetinthenextcolumneachtimeIrunmycodeinMATLAB?【发布时间】:2018-07-2109:29:17【问题描述】:function[]=process(f1,f2,f3,f4,h... 查看详情

如何根据一列中的值更改 DataGrid 行的背景

】如何根据一列中的值更改DataGrid行的背景【英文标题】:HowtochangebackgroundofDataGridrowdependingonvalueinonecolumn【发布时间】:2015-04-2011:08:36【问题描述】:我有一个DataGrid,其中包含一列红色或绿色图像。如果状态为来自数据库的ERRO... 查看详情

如何使用模式列表在列中查找字符串并将匹配的模式添加到下一列的同一行

】如何使用模式列表在列中查找字符串并将匹配的模式添加到下一列的同一行【英文标题】:Howtofindastringinacolumnusingalistofpatternsandaddthematchedpatterntothesamerowinnextcolumn【发布时间】:2020-07-0411:10:30【问题描述】:我有一个包含RNASeq... 查看详情

返回除一列中具有重复 ID 的行之外的所有列

】返回除一列中具有重复ID的行之外的所有列【英文标题】:ReturnallcolumnsexcludingrowswithaduplicateIDinonecolumn【发布时间】:2020-12-2908:14:51【问题描述】:我有一个有趣的问题。我继承了一个草率的数据库,其中包含一个包含重复行... 查看详情

在两个单独的列中折叠具有连续范围的行

】在两个单独的列中折叠具有连续范围的行【英文标题】:Collapsingrowswithconsecutiverangesintwoseparatecolumns【发布时间】:2021-12-0911:41:55【问题描述】:非常感谢您对此提供的帮助。我正在尝试压缩200,000+行的数据框,其中“start”列... 查看详情

在排除某些行的矩阵的列中查找最大元素

...。我的目标是找到第一列的最大元素,交换包含最大元素的行和第一行。接下来,我想找到第二列的最大元素,不包括第一行,然后交换这个新的最大元素的行和第二行。再次,找到第j列的最大元素,不包括第 查看详情

Excel - 合并具有共同值的行并将差异连接在一列中

】Excel-合并具有共同值的行并将差异连接在一列中【英文标题】:Excel-Mergerowswithcommonvaluesandconcatenatethedifferencesinonecolumn【发布时间】:2013-01-2100:07:15【问题描述】:我想合并具有共同值的行并将差异连接在一列中。我认为最简... 查看详情

查找一列中具有相同值而另一列中具有其他值的行?

】查找一列中具有相同值而另一列中具有其他值的行?【英文标题】:Findrowsthathavesamevalueinonecolumnandothervaluesinanothercolumn?【发布时间】:2015-01-0401:41:24【问题描述】:我有一个PostgreSQL数据库,它将用户存储在users表中,并将他们... 查看详情

如何根据另一列中的值减去df中的行

】如何根据另一列中的值减去df中的行【英文标题】:Howtosubtractrowsinadfbasedonavalueinanothercolumn【发布时间】:2018-10-1203:36:02【问题描述】:我正在尝试根据其他列的值计算某些行中的差异。使用下面的示例数据框,我想根据Code列... 查看详情

在一列中对具有相同数据的行进行分组,并将其相关数据汇总在另一列中 [ORACLE SQL]

】在一列中对具有相同数据的行进行分组,并将其相关数据汇总在另一列中[ORACLESQL]【英文标题】:grouprowswithequaldatainonecolumnandsummingitsrelateddatainanothercolumn[ORACLESQL]【发布时间】:2016-02-1216:58:02【问题描述】:ORACLESQL我有一个表CU... 查看详情

VBA - 如何从一列中随机选择 10% 的行,确保它们不同并将 Y 放在 B 列中?

】VBA-如何从一列中随机选择10%的行,确保它们不同并将Y放在B列中?【英文标题】:VBA-HowdoIrandomlyselect10%ofrowsfromacolumn,ensuringtheyaredifferentandputaYincolumnB?【发布时间】:2021-10-3006:12:28【问题描述】:我希望随机选择10%的由不同用户... 查看详情