如何显示折叠并在再次单击时隐藏它

Question

我的项目是有角度的2。我使选项卡合拢，如果再次单击按钮，我希望合拢隐藏。但由动态数据或循环数据制成。你能帮我吗？

这是我的脚本

<button (click)="item = 1" class="navbar-toggler navbar-toggler-right" type="button" class="btn mr-3">
    tab 1
</button>

<button (click)="item = 2" class="navbar-toggler navbar-toggler-right" type="button" class="btn">
    tab 2
</button>
<br><br>
<div class="collapse" [class.show]="item == 1">
    Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos cumque voluptate dolorem tenetur nesciunt! 
</div>

<div class="collapse" [class.show]="item == 2">
    Tempora iure porro incidunt laboriosam earum nesciunt repellendus culpa, iste doloribus provident aut, ipsam, consectetur quam!
</div>

Answer 1

尝试ngIf

<div *ngIf="condition; then thenBlock else elseBlock"></div>
<ng-template #thenBlock>Content to render when condition is true.</ng-template>
<ng-template #elseBlock>Content to render when condition is false.</ng-template>