Angular ngClass和click事件切换类 [英] Angular ngClass and click event for toggling class

问题描述

在Angular中，我想使用ngClass和click事件来切换类.我在网上浏览了一下，但其中一些是angular1，并且没有任何清晰的说明或示例.任何帮助将不胜感激！

In Angular, I would like to use ngClass and click event to toggle class. I looked through online but some are angular1 and there isn't any clear instruction or example. Any help will be much appreciated!

在HTML中，我有以下内容:

In HTML, I have the following:

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

这篇关于Angular ngClass和click事件切换类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！