單擊按鈕時動態刪除引導程序中的類「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">