Handle active state of bootstrap navbar

navbar_ctrl.js

/*
    USAGE:

    <div class="header">
        <ul class="nav nav-pills pull-right" ng-controller="NavbarCtrl">
            <li ng-class="{active: isActive('/')}"><a ng-href="#">Home</a></li>
            <li ng-class="{active: isActive('/about')}"><a ng-href="#/about">About</a></li>
        </ul>
        <h3 class="text-muted">My APP</h3>
    </div>
*/

app.controller('NavbarCtrl', function($scope, $location){
    $scope.isActive = function(viewLocation){
        return viewLocation === $location.path();
    };
});