<body ng-app='MainApp'>
<div ng-controller='MainCtrl'>
<div>
<div ng-class='red'>Red</div>
<div ng-class='classArray'>Array Class</div>
<div ng-class='object'>Object</div>
</div>
</div>
</body>.red{
color:red;
}
.blue{
color:blue;
}
.underline{
text-decoration: underline;
}
.green{
color: green;
}
.uppercase {
text-transform:uppercase;
}var mainMod = angular.module('MainApp', []);
mainMod.controller('MainCtrl', ['$scope',
function ($scope) {
$scope.red = 'red';
$scope.classArray = ['blue','underline'];
$scope.object = {
green : true,
uppercase: false
};
}
]);
External CSS
This Pen doesn't use any external CSS resources.