部分路线是这样的
.when('/id/:id',
{
templateUrl: 'id.html',
controller: myController,
})
我想验证 ':id' 是否来自一组 id,它来自服务功能调用。如果不是,则应阻止页面呈现。
我通过在路线中添加解决方案使这部分工作。代码是这样的
.when('/id/:id',
{
templateUrl: 'id.html',
controller: myController,
resolve: {
validate: function($q, $route, myService) {
myService.getProjects().then(function(data) {
var defer = $q.defer(),
project = $route.current.params.project;
if (myContains(data.projects, project)) {
defer.resolve();
} else {
defer.reject({authenticated: false});
}
return defer.promise;
});
}
}
})
但是,当 promise 被拒绝时,它不会触发 $routeChangeError,我是这样写的
myApp.app.module.config(['$routeProvider', myApp.app.config])
.run(
['$rootScope', '$location', function($rootScope, $location) {
$rootScope.$on('$routeChangeError',
function(event, current, previous, rejection) {
var rejection = {};
if (!rejection.authenticated) {
$location.path('/').replace();
}
});
}]);
====更新=== 我得到了它的工作。我之前犯的错误是在 then 块内有'return defer.promise'。