An example of ng-class with array

HTML / AngularJS Code
Output
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<style>
.redclass {
    color:#D50000;
    background-color:#FFE1E1;
    border: 2px solid #FF5353;
    font-size:20px;
    width:300px;
    margin-left:20px;
    }
.blueclass {
    color:#004A95;
    background-color:#C4E1FF;
    border: 2px dashed #64B1FF;
    font-size:20px;
    width:300px;
    margin-left:20px;
    }
.greenclass {
    color:#008040;
    background-color:#BBFFDD;
    border: 2px dotted #4FFFA7;
    font-size:20px;
    width:300px;
    margin-left:20px;
    }
.yellowclass {
    color:#D9D900;
    background-color:#FFFF84;
    border: 2px solid #757500;
    font-size:20px;
    width:300px;
    margin-left:20px;
    }
</style>
<body ng-app="ngClassdapp">

         <div ng-controller="ngClassController">
        <div class="form-group col-sm-4">
          Select a Class Name: <select ng-model="ngClassDemo" ng-options="clsoptions.CSSClass as clsoptions.CSSClass for clsoptions in applyClass"></select><br />
        </div>
        <br /><br />

        <div ng-class="[ngClassDemo]">The CSS class is applied here by using ng-class</div>



<script>
    var app = angular.module("ngClassdapp", []);
    app.controller('ngClassController', ['$scope', function ($scope) {
        $scope.applyClass = [{ CSSClass: "redclass" }, { CSSClass: "greenclass" }, { CSSClass: "blueclass" }, { CSSClass: "yellowclass" }];
    }]);
</script>
</body>
</html>
Select a Class Name:
The CSS class is applied here by using ng-class