AngularJs通过定义锚点链接控制页面输出

 <!DOCTYPE html>
<html ng-app="ngView">
<head>
    <title>分页显示</title>
    <meta charset="utf-8">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> 
    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
</head>
<body>


<div ng-view>

</div>

<script type="text/javascript">
 angular.module('ngView', [],
    function($routeProvider){
      $routeProvider.when('/test1',
        {
          templateUrl: 'demo.html'
        }
      ).when('/test2',
      {
        template:'slinder.html'
      }
      );
    }
  );
</script>


</body>
</html>

这么写有什么问题么？demo.html在同级目录下