一、CLASS/ngClass,效果都是一样的
(1)三目运算
<span [class]="index === 0? 'specBlue' : 'specRed'"></span>
(2)对象
<span [class]='objClass'></span>
objClass={ 'classBlue': true, 'classRed': false }
(3)数组
<span [class]="['classBlue','classRed']"></span>
二、STYLE
(1)单一样式绑定
<span [style.color]="'green'"></span>
(2)带单位的单一样式绑定
<span [style.fontSize.px]="30"></span>
(3)多重样式绑定
<span [style]="{ width:'20px',height:'30px'}"></span>
(4)三目
<span [style.box-shadow]="index===1? '' : '1px 6px 2px gray'"></span>