Javascript AngularJS路由不工作:没有链接点击事件,没有$routeParams

Javascript AngularJS路由不工作:没有链接点击事件,没有$routeParams,javascript,angularjs,Javascript,Angularjs,不知怎的,我的应用程序在开发过程中停止了工作,我真的不知道它出了什么问题 我已经删除了所有内容,剩下的唯一代码是: function handlerControl($scope, $routeParams, $location){ $scope.route = $routeParams; } var app = angular.module('Hello', []).config( function($routeProvider){ $routeProvider

不知怎的,我的应用程序在开发过程中停止了工作,我真的不知道它出了什么问题

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

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>
我得到一个空哈希值,同时希望得到{a:a',b:b'}

我做错了什么


位修改(为了使其工作)JSFIDLE:

路由要求您使用ngView,并指定
模板或
模板URL

应用程序代码

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){});
var-app=angular.module('myApp',[]);
app.config(函数($routeProvider){
$routeProvider.when('/foo/:id'{
控制器:“FooCtrl”,
模板:“Foo{{id}”
})
.当(“/bar/:test”时{
控制器:“BarCtrl”,
templateUrl:'bartemplate.html'
})
.否则({
控制器:“DefaultCtrl”,
模板:“这是默认设置”
});
});
应用程序控制器('FooCtrl',函数($scope,$routeParams){
$scope.id=$routeParams.id;
});
应用程序控制器('BarCtrl',函数($scope,$routeParams){
$scope.test=$routeParams.test;
});
app.controller('DefaultCtrl',函数($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>



“路由要求您使用ngView,并指定模板或模板URL”。知道为什么这是强制性的吗?如果有办法解决这个问题吗?@TTT:您可以始终指定一个templateUrl,然后在页面上的脚本标记中使用它:
此处的template stuff
<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>