无法理解angularjs的流程？

Question

我是anglarjs的新手，我正在研究可用的{-3}}的ng-view示例，实际问题是当我在firefox中运行应用程序时，它只显示index.page中的文本，未显示任何文本与angularjs相关的结果。

的index.html

<div ng-controller="MainCtrl as main">
             Choose:
    <a href="Book/Moby">Moby</a> |
    <a href="Book/Moby/ch/1">Moby: ch1</a> |
    <a href="Book/Gatsby">Gatsby</a> |
    <a href="Book/Gatsby/ch/4?key=value">Gatsby: ch4</a> |
    <a href="Book/Scarlet">Scarlet Letter</a><br/>
</div>
<pre>$location.path() = {{main.$location.path()}}</pre>
<pre>$route.current.templateUrl = {{main.$route.current.templateUrl}}</pre>
<pre>$route.current.params = {{main.$route.current.params}}</pre>
<pre>$routeParams = {{main.$routeParams}}</pre>

app.js

控制器在这里定义。

var myApp = angular.module('ngviewExample',['ngRoute'])
        .config(['$routeProvider','$locationProvider',
            function ($routeProvider,$locationProvider){
                $routeProvider

                    .when('/Book/:bookId', {
                        templateUrl: 'book.html',
                        controller: 'BookCtrl',
                        controllerAs: 'book'
                      });
                $locationProvider.html5Mode({
                    enabled : true,
                    requireBase : false
                });             
        }])
            .controller('MainCtrl', ['$route', '$routeParams', '$location',
                function($route, $routeParams, $location) {
                  this.$route = $route;
                  this.$location = $location;
                  this.$routeParams = $routeParams;
              }])
            .controller('BookCtrl', ['$routeParams', function($routeParams) {
                this.name = "BookCtrl";
                this.params = $routeParams;
              }]);

所有angularjs文件都正常加载，但它在Firebug控制台中没有显示任何错误。但是，当我调试此代码时，我不知道为什么它会在访问网址时遇到以下代码here

.when('/Book/:bookId', {
      templateUrl: 'book.html',
      controller: 'BookCtrl',
      controllerAs: 'book'
 });

也在快照中显示。

任何人都可以告诉我这里缺少什么，只有页面上显示index.html页面的文字而没有别的。

任何帮助都将不胜感激。