Angular JS路由无法正常工作 - 没有请求

时间:2014-10-31 12:46:41

标签: javascript angularjs

我是AngularJS的新手 - 我尝试测试路由功能,但以下代码没有采取任何操作 - 我没有看到任何对服务器的请求。我在这里做错了什么?

<html ng-app="myModule">
<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.2/angular.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.2/angular-route.min.js">
</script>
<script>
    var firstModule = angular.module('myModule', ['ngRoute']);

    firstModule.controller('myCtrl', function ($scope) {
        var array = [{ id: 123 }];
        $scope.getEntities = function () { return array; };
    });

    firstModule.config(function ($routeProvider) {
        $routeProvider.when(
          "/status/:id", {
              templateUrl: "routesDemo/one"
          });
    });
</script>
</head>
<body ng-controller="myCtrl">
   <ul ng-repeat="item in getEntities()">
       <li><a class="btn btn-primary btn-mini" href="#/status/{{ item.id }}">Details</a></li>
   </ul>
</body>

修改

我看到我没有使用<div ng-view></div>。现在它可以工作

0 个答案:

没有答案