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">
    <ul class="nav nav-list" ng-controller="navCtrl">
        <li ng-repeat="item in items" ng-class="navClass('{{item.id}}')"><a href='{{item.url}}'>{{item.title}}</a></li>
    </ul>
</div>

JavaScript

var navList = angular.module('navList', []);

navList.controller('navCtrl', ['$scope', '$location', function ($scope, $location) {

		$scope.path = $location.path();

		$scope.items = [
    	{id: "home", title: "Home", url: "#/home"},
    	{id: "about", title: "About Us", url: "#/about"},
    	{id: "contact", title: "Contact Us", url: "#/contact"},
    ];

		$scope.navClass = function (page) {
        var currentRoute = $location.path().substring(1) || 'home';
        return page === currentRoute ? 'active' : '';
    };        
}]);