使用 ng-bootstrap 一次展开一项

Question

非常感谢提供的帮助。之前的问题虽然解决了，但是按一个类 E.g.实体管理将实体管理和员工管理都展开。

我不想在按下一个类别时展开所有类别。当我按下一个类别时折叠所有类别是可以的，但反之则不行。

有解决此错误的想法吗？

    </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">&nbsp; &nbsp; &nbsp; &nbsp; Access Rights</a></li>
        <li><a routerLink="/staff">&nbsp; &nbsp; &nbsp; &nbsp; 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">&nbsp; &nbsp; &nbsp; &nbsp; Company</a></li>
      </div>
    </ul>

上一个 post:

Answer 1

发现我的错误

只需在 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">

使用 ng-bootstrap 一次展开一项

Uncollapse one item at a time using ng-bootstrap

bootstrap-4

ng-bootstrap