单击按钮时动态删除引导程序中的类“in”动态按钮

Question

单击该按钮时，必须动态删除div元素中的“in”类。

<div class="container"> 
    <h2>Simple Collapsible</h2> 
    <p>Click on the button to toggle between showing and hiding content.</p> 
    <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Simple collapsible</button> 
    <div id="demo" class="collapse in"> 
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. 
    </div> 
</div> 

Answer 1

内app.component.ts当按钮被点击的变化之间的真或假

<button (click)="isVisible = !isVisible">Toggle</button> 

，然后在div添加值以下

你可以指定一个布尔值

<div id="demo" [ngClass]="{'in': isVisible}" class="collapse">