Angularjs~ng-class

bidirectional binding via data (generally not recommended)

1. $scope. ClassName = "Change1"; <div class= "{{className}}" ></div>//or like this function Changeclass () {$ Scope.classname = "Change2";} <div class= "{{className}}" ></div>

Through an array of objects

1. Function Ctrl ($scope) {$scope. Isclassa = true;} <div ng-class= "{true: ' ClassA ', false: ' Anotherclass '}[isclassa]" ></div>//when Isclassa is true, add ClassA style When Isclassa is false, the Anotherclass style is added.

by Key/value (recommended)

1. Function Ctrl ($scope) {$scope. Isclassa = true;   $scope. ISCLASSB = false; $scope. ISCLASSC = false; }<div ng-class= "{' ClassA ': Isclassa, ' ClassB ': ISCLASSB, ' ClassC ': isclassc}" ></div>//When Isclassa is true, Add the ClassA style; When ISCLASSB is true, increase the CLASSB style; When ISCLASSC is true, the CLASSC style is added.

Angularjs~ng-class