4

不知何故，我的应用程序在开发过程中停止了工作，我真的无法理解它有什么问题。

我已经删除了所有内容，剩下的唯一代码是：

function handlerControl($scope, $routeParams, $location){
    $scope.route = $routeParams;
}

var app = angular.module('Hello', []).config(
    function($routeProvider){
        $routeProvider.when('/:a/:b', {controller: handlerControl});
    }
);

和 html 是

<body ng-app="Hello">

<div ng-controller="handlerControl">
    {{route}}
</div>

</body>

省略头部，包括所有内容。

当我去

http://helloday/#/a/b/

我得到一个空哈希，同时期望得到 {a: 'a', b: 'b'}

我做错了什么？

位修改（使其工作）jsFiddle： http: //jsfiddle.net/wWDj2/ http://jsfiddle.net/wWDj2/

4

1 回答 1

6

路由要求您使用 ngView，并且您指定 atemplate或 a templateUrl：

应用程序代码。

var app = angular.module('myApp', []);

app.config(function($routeProvider) {
   $routeProvider.when('/foo/:id', {
        controller: 'FooCtrl',
        template: '<h1>Foo {{id}}</h1>'
   })
   .when('/bar/:test', {
        controller: 'BarCtrl',
        templateUrl: 'bartemplate.html'
   })
   .otherwise({ 
        controller: 'DefaultCtrl',
        template: '<h1>This is the default</h1>'
   });
});

app.controller('FooCtrl', function($scope, $routeParams) {
   $scope.id = $routeParams.id;
});

app.controller('BarCtrl', function($scope, $routeParams) {
   $scope.test = $routeParams.test;
});

app.controller('DefaultCtrl', function($scope){});

您的主页的标记：

<div ng-app="myApp">
   <a href="#/foo/123">Foo 123</a>
   <a href="#/bar/blah">Bar Blah</a>
   <a href="#">Default route</a>
   <hr/>
   <div ng-view>
       <!-- your processed view will show up here -->
   </div>
</div>
于 2013-01-25T16:13:32.393 回答