bootstrap-4 - 使用 ng-bootstrap 一次展开一项
问题描述
非常感谢提供的帮助。前面的问题虽然解决了,但是压一个类,比如实体管理,就会把实体管理和人员管理都解开。
当我按下一个类别时,我不想展开所有类别。当我按下一个类别时折叠所有类别很好,但反之则不行。
有关解决此错误的任何想法?
</ul><span class="heading">Settings</span>
<ul class="list-unstyled">
<li> <a (click)="isCollapsed=!isCollapsed" aria-controls="collapseExample"><i class="icon-interface-windows"></i>Staff Management</a></li>
<div id="collapseExample" [ngbCollapse]="isCollapsed">
<li><a routerLink="/staff"> Access Rights</a></li>
<li><a routerLink="/staff"> Staff Details</a></li>
</div>
<li> <a (click)="isCollapsed=!isCollapsed" aria-controls="collapseExample"><i class="icon-interface-windows"></i>Entity Management</a></li>
<div id="collapseExample" [ngbCollapse]="isCollapsed">
<li><a routerLink="/company"> Company</a></li>
</div>
</ul>
Prev post:默认情况下折叠所有项目 ng-bootstrap
解决方案
发现我的错误
只需在 ts 添加另一个变量
isCollapsedStaff = true;
然后用更新后的变量更新 html 文件
<li> <a (click)="isCollapsedStaff=!isCollapsedStaff" aria-controls="collapseExample1"><i class="icon-interface-windows"></i>Staff Management</a></li>
<div id="collapseExample" [ngbCollapse]="isCollapsedStaff">
推荐阅读
- charts - 如何在 highcharts 的堆积条形图内部显示文本
- python - 替换python字典中的单个重复字符
- tizen - Tizen Studio:由于证书配置文件中的签名错误而无法安装应用程序(错误:-12)
- python - 使用 tf.keras 将 TensorFlow 重写为 Keras
- java - java 8 Hibernate org.hibernate.MappingException:未知实体:
- java - 在 Android 上移动文件时询问用户有关重写文件的问题
- sql - 额外的“隐藏”字符与 SQL 中的等于测试混淆
- asp.net - 重命名一个目录中的多个文件
- c++ - AES/CCM 加密和明文长度超过最大消息长度
- reactjs - 如何在不改变状态或重构为基于类的组件的情况下实现此辅助方法?