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

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  ng-controller="test">
        
    </div>
</div>





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


</body>
</html>

挡在url中输出/#/test1时demo.html没有显示,请问是什么情况??


说下几点问题吧
1:ng-app 一般要写在body里面
2:定义路由的时候最好都写在一个 $routeProvider
3:你的路由定义写错了只写了模板没有指定controller了也是导致没起作用的原因。

【热门文章】
【热门文章】