AngularJS - 如何验证 URL 动态参数
AngularJS - How to validate URL dynamic params
部分路线是这样的
.when('/id/:id',
{
templateUrl: 'id.html',
controller: myController,
})
我想验证“:id”是否来自一组 id,它来自服务功能调用。如果不是,则应阻止页面呈现。
我通过在路由中添加 resolve 使这部分工作。代码是这样的
.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'。
如果您已经有了 ID 列表,您可以这样做,
.when('/id/:id', {
templateUrl: 'id.html',
controller: myController,
resolve: {
validateid: ["$q", "$routeParams", function($q, $routeParams) {
var id = Enumerable.From(arrayofids)
.Where(function(x) {
return x.id == $routeParams.id
});
if (id) {
return $q.when($routeParams.id);
} else {
return $q.reject({
authenticated: false
});
}
}],
}
}
resolve 是您可以在导航发生之前执行各种操作的地方,
我用过linq.js,可以很容易地进行各种迭代,我建议你只用一次,你会喜欢的
部分路线是这样的
.when('/id/:id',
{
templateUrl: 'id.html',
controller: myController,
})
我想验证“:id”是否来自一组 id,它来自服务功能调用。如果不是,则应阻止页面呈现。
我通过在路由中添加 resolve 使这部分工作。代码是这样的
.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'。
如果您已经有了 ID 列表,您可以这样做,
.when('/id/:id', {
templateUrl: 'id.html',
controller: myController,
resolve: {
validateid: ["$q", "$routeParams", function($q, $routeParams) {
var id = Enumerable.From(arrayofids)
.Where(function(x) {
return x.id == $routeParams.id
});
if (id) {
return $q.when($routeParams.id);
} else {
return $q.reject({
authenticated: false
});
}
}],
}
}
resolve 是您可以在导航发生之前执行各种操作的地方,
我用过linq.js,可以很容易地进行各种迭代,我建议你只用一次,你会喜欢的