ng-class directive

The ng-class directive is used to dynamically alter the style class applied to an element in the HTML page based on the value binding of a different element or $scope item. This directive can be used to apply selective style elements to elements in the HTML page based on user preferences or values from the model or other elements in the page.

The ng-class directive evaluates an expression and derives the class to be applied based on the result of the expression. The following is the syntax for the ng-class directive.