Javascript 为什么我的Angular.js$routeProvider什么都不做？

我现在正在学习Angular.js，方法是跟随Egghead.io上的视频。我在，我的应用程序根本没有路由

它是超基本的，下面是脚本app.js：

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

// routes
app.config(function ($routeProvider) {
    $routeProvider.when('/pizza', { template: 'Yum!!' });
});

app.controller('FirstCtrl', function ($scope) {
    $scope.data = { message: "Hello" };
});

以及html：

<div ng-app="myApp">
    <div ng-controller="FirstCtrl">
    {{data.message + " world"}}
    </div>
</div>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.1.3/angular.min.js"></script>
<script src="app.js"></script>

据我了解,，http://host//pizza 应该只显示Yum！！因为我在模板中传递一个字符串。虽然它似乎没有做任何事情，但我仍然得到了FirstCtrl评估的Hello world

为什么$routeProvider没有在我的应用程序中执行任何操作？

您需要在希望routeProvider粘贴页面模板的位置放置一个ng view元素

<div ng-app="myApp">
    <div ng-controller="FirstCtrl">
        {{data.message + " world"}}
        <ng-view></ng-view>
    </div>
</div>

您需要在希望routeProvider粘贴页面模板的位置放置ng view元素

<div ng-app="myApp">
    <div ng-controller="FirstCtrl">
        {{data.message + " world"}}
        <ng-view></ng-view>
    </div>
</div>

---

请注意，如下面所示进行指示可以保持跨浏览器兼容

<div ng-view> </div>

或者，就此而言：

<ANY ng-view> </ANY>

有关更多信息，请访问：

---

请注意，如下所示可保持跨浏览器兼容

<div ng-view> </div>

或者，就此而言：

<ANY ng-view> </ANY>

有关更多信息，请访问：

---

Doh。。。就这样。谢谢嗯。。。就这样。谢谢不太重要，但错过了不太重要，但错过了