一个基础却令人费解的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

3个回答

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

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

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

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐