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>