javascript - 基本 UI 路由示例，但出现错误

我尝试学习 AngularJS。目前我专注于 ui-Routing。我的代码非常简单，但它确实有效，我不知道为什么。

我的问题描述:

http://de.tinypic.com?ref=kd22ow.jpg

浏览器显示: “Hello World ui-路由!” (index.html 中的 h1)

如果我尝试输入index.html/home。它说:找不到错误文件!

这是我的代码:

index.html

<html>
  <head>
        <title>My Angular App!</title>
        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
        <script src="app.js"></script>
  </head>
  <body ng-app="Test" ng-controller="MainCtrl">
    <h1>Hello World ui-Routing!</h1>
        <div ui-view>
        </div>
  </body>
</html>

app.js:

angular.module('Test', ['ui-router'])

.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterprovider)
{
  $stateProvider

    .state('home', {
      url: '/home',
      templateUrl: '/home.html',
      controller: 'MainCtrl'
    });

    .state('test', {
      url: '/test',
      templateUrl: '/test.html',
      controller: 'TestCtrl'
    });

  $urlRouterProvider.otherwise('home');
}])

.controller('MainCtrl', ['$scope',
function($scope){
 $scope.test = "Hello Jan!";
});

.controller('TestCtrl', ['$scope', 
function($scope){
 $scope.test = "Hello Redirect!";
});

测试.html: