我需要使用查询字符串通过 url 传递两个可选参数,我能够使用 ui-router ( plunker) 到达它,但在我的应用程序中不起作用基于角度权限来处理授权。
我的 stateChangeStart、stateChangeError 和 stateChangeSuccess 几乎是空的(我只有日志),因为权限是直接从角度权限库处理的。
我需要此参数的状态定义是:
$stateProvider
.state('schedule', {
url: "/schedule?param1¶m2",
views: {
'header': {
templateUrl: "common/partials/header.tpl.html",
controller: "HeaderCtrl"
},'content': {
templateUrl: "schedule/partials/schedule.tpl.html",
controller:"ScheduleRecapCtrl"
}
},
resolve:{
Filters:'Filters',
availableFilters:function(Filters){
return Filters.get().$promise;
}
}, data: {
permissions: {
only: ['logged'],
redirectTo: 'login'
}
}
})
这是地雷组的定义
app.run(function (PermissionStore, authenticationSvc) {
// Define anonymous permission
PermissionStore.definePermission('anonymous', function(stateParams){
return !authenticationSvc.isLogged();
});
PermissionStore.definePermission('logged', function (stateParams) {
return authenticationSvc.isLogged();
});
我注意到,在使用参数到达状态后,会触发一个新的$stateChangeStart(在$stateChangeSuccess之前),但没有来自 url 的参数。我不知道状态定义是否有错误,或者角度许可是否做了不正确的事情。
这是我的 bower.json 文件的依赖项部分
"dependencies": {
"angular": "~1.4.0",
"angular-bootstrap": "~1.1.2",
"angular-loader": "~1.4.0",
"angular-mocks": "~1.4.0",
"angular-route": "~1.4.0",
"angular-ui-router": "~0.2.17",
"html5-boilerplate": "~5.2.0",
"angular-animate": "^1.4.9",
"angular-permission": "^2.0.1",
"bootstrap": "^3.3.6",
"startbootstrap-sb-admin-2": "^1.0.8",
"angular-filter": "^0.5.8",
"angular-block-ui": "^0.2.2",
"angular-resource": "^1.5.0",
"angular-local-storage": "^0.2.3",
"angular-toastr": "^1.7.0",
"angular-translate": "^2.9.1",
"angular-sanitize": "^1.5.0",
"angular-translate-storage-local": "^2.9.1",
"angular-cookies": "^1.5.0",
"angular-translate-loader-static-files": "^2.9.1"
}
角度权限的当前实现 (2.2.3) 允许您在转换(授权)和重定向状态(未经授权)中传递参数。请更新库,现在应该一切正常。