路由不起作用，页面显示为空白？

Question

以下代码，我正在尝试使用路由。尽管URL更改，但页面仍为空白。控制台也不会引发任何错误。

html

<div ng-app="myApp">
  <ul>
      <li><a href="#!/">Home</a></li>
      <li><a href="#!/about">AboutUs</a></li>
      <li><a href="#!/contact">Contact</a></li>
      <li><a href="#!/whatwedo">WhatWeDo</a></li>
  </ul>
  <div ng-view></div>
</div>

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

app.config(function($routeProvider){
    $routeProvider
    .when('#!/',{
        templateUrl : 'main.htm'
    })

    .when('#!/about',{
        templateUrl : 'about.htm'
    })

    .when('#!/contact',{
        templateUrl : 'contact.htm'
    })

    .when('#!/whatwedo',{
        templateUrl : 'whatwedo.htm'
    })

});

Answer 1

从路线中删除哈希爆炸：

app.config(function($routeProvider){
    $routeProvider
    .when('/',{
        templateUrl : 'main.htm'
    })

    .when('/about',{
        templateUrl : 'about.htm'
    })

    .when('/contact',{
        templateUrl : 'contact.htm'
    })

    .when('/whatwedo',{
        templateUrl : 'whatwedo.htm'
    })

});