ng6中ngClass的用法，亲测

<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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容