Angular 2 通过 [class.className] 绑定添加多个类 [英] Angular 2 add multiple classes via [class.className] binding
本文介绍了Angular 2 通过 [class.className] 绑定添加多个类的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
虽然以这种方式添加单个类效果很好 -
While adding a single class works great in this way -
[class.loading-state]="loading"
但是我如何添加多个类例如如果 loading
是 true
添加类 - "loading-state" &我的班级"
But how do I add multiple classes
Ex if loading
is true
add class - "loading-state" & "my-class"
我如何通过[class] binding
推荐答案
您只需使用 ngClass
即可:
这里的第一个、第二个和第三个是类的名称.
Here first,second and third are the name of the classes.
而不是 true/false ,你可以直接把你的条件放在那里
And instead of true/false , you can directly put your conditions over there
<div [ngClass]="{'first': true, 'second': true, 'third': false}">...</div>
就你而言
<div [ngClass]="{'loading-state': loading, 'my-class': loading }">...</div>
或更短的 Veriosn(如@matko.kvesic 评论的那样)
Or Shorter Veriosn (as @matko.kvesic commented)
<div [ngClass]="{'loading-state my-class': loading}">...</div>
这篇关于Angular 2 通过 [class.className] 绑定添加多个类的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文