AngularJS - part 3 - routing

by Krzysztof Safjanowski

HTML

<script src="https://code.angularjs.org/1.2.1/angular-route.js"></script>
<div ng-app='app'>
    <p><a href="/todo">Active items</a>, <a href="/archive">Archive</a></p>
    <div ng-view=""></div>
</div>

JavaScript

angular.module('app', ['ngRoute'])
.config(function($routeProvider,$locationProvider) {
    
    $locationProvider.html5Mode(true);
    
    $routeProvider.when('/todo', {
        template: '<div>todo</div>'
    })
    .when('/archive', {
        template: '<div>archive list</div>'
    }).otherwise({
        redirectTo: '/todo'
    });
})