Page navigation bar in Angular.js
http://amitgharat.wordpress.com/2012/09/19/page-navigation-bar-in-angular-js/
HTML
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<div class="well sidebar-nav" ng-app="navList" ng-controller="navCtrl">
<span ng-class="firstClass()"> First Class </span>
<br/>
<span ng-class="secondClass()"> Second Class </span>
</div>
JavaScript
var navList = angular.module('navList', []);
navList.controller('navCtrl', ['$scope', '$location', function ($scope, $location) {
$scope.firstClass = function () {
console.log('firstClass');
return 'label label-success' ;
};
$scope.secondClass = function () {
console.log('secondClass');
return 'label' ;
};
}]);