The
ng-class Syntax:
<span ng-class="{active :
flags}"></span>
The live demo link http://embed.plnkr.co/ltjKAk/preview
The
ng-class Expression Syntax example code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>AngularJs ng-classExpression Syntax</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
<script>
var app =
angular.module('ngClassApp',
[]);
app.controller('ngClassCtrl', function ($scope) {
});
</script>
</head>
<body ng-app="ngClassApp" ng-controller="ngClassCtrl">
<h1>AngularJs ng-class
Expression Syntax</h1>
<div>
<a ng-click="flags =!
flags">
<span ng-class="{active :
flags}">
<h4>Click and See the
flags Result <br>Class flag: {{flags}}</h4>
</span>
</a>
</div>
</body>
</html>
The Output link http://embed.plnkr.co/ltjKAk/preview