1. ホーム
  2. angular

[解決済み] AngularのngClassとトグルクラスのクリックイベント

2022-02-14 10:25:47

質問

Angularでは ngClass とクリックイベントでクラスが切り替わります。ネットで調べてみましたが、angular1のものもあり、明確な指示や例がありません。どんな助けでも大いに感謝されます

HTMLでは、以下のようになっています。

<div class="my_class" (click)="clickEvent($event)" ngClass="{'active': toggle}">
  Some content
</div>

.ts :

clickEvent(event) {
  // Haven't really got far
  var targetEle = event.srcElement.attributes.class;
}

解決方法は?

これでうまくいくはずです。

.htmlの場合。

<div class="my_class" (click)="clickEvent()"  
    [ngClass]="status ? 'success' : 'danger'">                
     Some content
</div>

.tsで。

status: boolean = false;
clickEvent(){
    this.status = !this.status;       
}