默认情况下折叠所有项目 ng-bootstrap

Question

这里有两件事：实体管理和公司。

目前当我点击实体管理时，公司将被隐藏。但我想要的是公司默认倒闭。

然后当我点击实体管理时，它会显示。

  <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="/job"> <i class="icon-interface-windows"></i>Company</a></li>
  </div>

参考： https://ng-bootstrap.github.io/#/components/collapse/examples

Answer 1

在你的ts文件中添加

isCollapsed = true;

默认情况下折叠所有项目 ng-bootstrap

Collapse all on items by default ng-bootstrap

bootstrap-4

ng-bootstrap