Angular ngClass 和单击事件以切换类

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

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

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

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

Angular相关问答推荐

如何在Angular模块中的forRoot中注入配置

如果Angular 模块是独立的，为什么我不需要在App模块中使用RouterModule？

更改物料设计中的复选框勾选 colored颜色

如果过滤器在rxjs流中触发，则返回空数组

图像未显示在视图屏幕上-Angular 投影

Angular 如何渲染ngFor？

如何防止变量值重置？

Angel Project Build从Angel 8升级后，从12MB增加到90MB

区分material 手风琴

无法在 Angular 中使用 CryptoJS 正确加密

如果Angular 数据为空，如何设置N/A

如何 use/import http模块？

来自 ngFor 项的动态 routerLink 值给出错误Got interpolation ({{}}) where expression was expected

Angular：ViewChild 上未定义 nativeElement

输入更改时Angular2动态输入字段失go 焦点

如何在 Angular CLI 的构建时插入内部版本号或时间戳

此类通过 SomeModule -> SomeComponent 对消费者可见，但不会从顶级库入口点导出

如何在Angular 2中将对象从一个组件传递到另一个组件？

来自 chokidar (C：\) 的错误：错误：EBUSY：资源繁忙或锁定，lstat 'C：\DumpStack.log.tmp

ngIf - 判断后表达式已更改