In this example we create two drop-down one with background colors and second with text color using bgrArrs and clrArrs arrays of objects like: $scope.bgrArrs
= [{ className: "gray" }, { className: "magenta" }, { className: "aqua" }, { className: "burlywood" }]; $scope.clrArrs
= [{ className: "text-success" }, { className: "text-danger" }, { className: "text-info" }, { className: "text-warning" }]; and we will apply the selected class to text "Class Applying on me", Here is the code for ng-Class: ng-class
="[TxtclassName , BgrclassName]" It will change the color of text based on the value of ng-class
directive.