ch10-01-simple-routing.html 1.06 KB

Raw Blame History Permalink

<!DOCTYPE html>
<html>
<head>
    <title>Simple Routing</title>
    <script src="../../tp/angular.js"></script>
    <script src="../../tp/angular-route.js"></script>
</head>
<body ng-app="routingApp">

    <h2>Angular Routing</h2>

    <ul>
        <li><a href="#/">Default Route</a></li>
        <li><a href="#/second">Second Route</a></li>
        <li><a href="#/asdfertdfghsdfg">Non-existent Route</a></li>
    </ul>

    <div ng-view></div>

    <script type="text/javascript">
        angular.module('routingApp', ['ngRoute'])
                .config(['$routeProvider', function ($routeProvider) {
                    $routeProvider
                        .when('/', {
                            template: '<h5>This is the default route</h5>'
                        })
                        .when('/second', {
                            template: '<h5>This is the second route</h5>'
                        })
                        .otherwise({
                            redirectTo: '/'
                        });
                }]);
    </script>
</body>
</html>