<div class="itemS" class="{{className}}">1</div>
<!-- 通过数据的双向绑定（不推荐） -->
<!-- 希望的是controller是一个干净的纯javascript意义的object -->
<button [ngClass]="btn">button1</button>
<button [ngClass]="{'blue':'btn'}">button1</button>
<!-- //缺点：一个元素拥有两种状态 -->
<div [ngClass]="{true:'zhende',false:'jiade'}[yy]">111</div>
<!-- //缺点：一个元素拥有两种状态 -->
<!-- 通过字符串数组的形式来改变 -->
<button [ngClass]="{'jiade':xx,'blue':true,'zhende':yy}">222</button>
<!-- //比较推荐 -->
<!-- 通过key/value的方式 -->
<button [ngClass]="['btn','btn1']">button1</button>
ng6中ngClass的用法，亲测
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 每年到这个时候，身边就会有很多人开始咳嗽、咳痰、流鼻涕、打喷嚏的，有些是感冒、有些是哮喘、有些是气管炎，有些的鼻炎...
- Ldb Tool ldb命令行工具提供了不同的数据访问和数据库管理命令。下面列举了一些sample。数据访问示...
