1. // 单一类绑定
    2. <div [class.h3-dom]="true">单一类绑定</div>
    3. // 多类名绑定
    4. <div [class]="'h3-dom font string'">多类名绑定</div>
    5. <div [class]="{'h3-dom': true, 'font': true, 'string': false}">类名条件渲染</div>
    6. <div [class]="['h3-dom', 'font', 'string']">数组渲染</div>
    7. // ngClass 绑定
    8. <div [ngClass]="{ active: true, 'error': true }"></div>