AngularJS - 如何验证 URL 动态参数

Question

部分路线是这样的

.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'。

Answer 1

如果您已经有了 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，它可以很容易地进行各种迭代，我建议你只用一次，你会喜欢的