搜尋

首頁  >  問答  >  主體

angular.js - AngularJs透過定義錨點連結控制頁面輸出

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

<code><!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>

</code>

擋在url中輸出/#/test1時demo.html沒有顯示,請問是什麼情況? ?

大家讲道理大家讲道理2810 天前705

全部回覆(1)我來回復

  • 天蓬老师

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

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

    回覆
    0
  • 取消回覆