一个基础却令人费解的AngularJs路由问题

用的是angular自己的路由，代码如下：

 <script src="./js/angular.js"></script>
<script src="./js/angular-route.js"></script>
<body ng-app='app'>
  <a href="#/index">Index</a> &nbsp; <a href="#/test">Test</a>
  <div ng-view></div>
  <script>
    var app = angular.module('app', ['ngRoute']);
    app.config(['$routeProvider', function($routeProvider) {
      console.log($routeProvider);
      $routeProvider.when('/index',{
        template: '<h1>index</h1>'
      });
    }]);
  </script>
</body>

页面如下：
图片说明
点击Index之后地址栏变成了图中的样子

我发现ng-view会影响url的变化情况，把ng-view属性移除之后，点击Index地址栏如下
图片说明

两种情况都不会再页面上显示template

没想到这么简单的一个问题拌了一下，求知道同学的解答

我遇到了和你相同的问题，通过#后加！解决了，但不知道缘由

如果解决了，希望能分享下缘由