Collapse all on items by default ng-bootstrap

问题

Have 2 things here: Entity management and company.

Currently when i click on entity management, company will be hidden. But what i want is company to be collapsed by default.

Then when i click on entity management, it will show.

  <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>

Referencing to: https://ng-bootstrap.github.io/#/components/collapse/examples

回答1:

In your ts file add

isCollapsed = true;

来源：https://stackoverflow.com/questions/57922586/collapse-all-on-items-by-default-ng-bootstrap