ng-class / ng-style en Angular moderno

ng-class y ng-style pasan a ser bindings nativos de clase y estilo. No hace falta importar ninguna directiva.

<div ng-class="{ active: vm.isActive, 'has-error': vm.error }"
     ng-style="{ width: vm.width + 'px' }"></div>

<div [class.active]="isActive()"
     [class.has-error]="error()"
     [style.width.px]="width()"></div>

Qué cambia

• [class.nombre] activa una clase a partir de un booleano.
• [style.prop.unidad] aplica un estilo y agrega la unidad por ti.
• [class] y [style] aceptan un objeto o un string cuando cambian muchos valores juntos.

Relacionado

• $scope
• $watch
• $http
• ng-model