首頁 > 問答 > 主體

angular.js - 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>


<p ng-view>
    <p  ng-controller="test">
        
    </p>
</p>





<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沒有顯示，請問是什麼情況？？

大家讲道理2740 天前669

全部回覆(1)我來回復

天蓬老师2017-05-15 16:55:14

說下幾點問題吧
1：ng-app 一般要寫在body裡面
2：定義路由的時候最好都寫在一個 $routeProvider
3:你的路由定義寫錯了只寫了模板沒有指定controller了也是導致沒起作用的原因。

回覆

取消回覆