Angular 1.x Cheat Sheet

Directives.ngClass

Direct class data binding.

<div ng-class="vm.classValue"></div>
<div ng-class="[vm.classValue1, vm.classValue2]"></div>
<div ng-class="vm.classArray"></div>

Expression bindings

<div ng-class="{'my-class-1': vm.classBoolean1,
                'my-class-2': vm.classBoolean2 }"></div>

Ternary bindings

<div ng-class="vm.classBoolean ? 'if-true-class' : 'if-false-class'"></div>