Using routes with Angular JS is so easy!

Angular routes make it really easy to build single page applications where you can switch back and forth between pages super fast. And it's so simple...All you need to do is inject your $routProvider into your config and then, based on the routes that you specify in the when function, you can define which templates will show up in the view...specified by the ng-view directive in your application... Furthermore, you can define what controller will be used when that template is loaded for that route...

See below...Here is a simple example of setting up some different pages...

myApp.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$locationProvider.hashPrefix('!');
$routeProvider.
    when('/', {templateUrl: 'partials/home.html',   controller: HomeCtrl}).
    when('/about', {templateUrl: 'partials/about.html',   controller: HomeCtrl}).
    when('/contact', {templateUrl: 'partials/contact.html',   controller:     HomeCtrl}).
    otherwise({redirectTo: '/'});
}]);