Question

我们正在制作一个使用angular和ui-router控制状态的流星应用程序。如果用户无法访问网站的主要部分，我们希望显示促销网站。在mongodb的用户集合中，用户的文档上会有一个标志，表明他们是否有权访问。

如果他们没有访问状态，我们如何在状态加载之前指向此促销状态？基本流程是调用函数来检查它们是否具有访问权限，然后根据该函数加载状态。

Answer 1

在受保护页面的路径中（或者在我的情况下是一组受保护页面的父级），请将其放入：

    .state('app', {
      abstract: true,
      template: '<mymenu></mymenu>',
      controller: Menu,
      resolve: {
        currentUser: ($q) => {
          var deferred = $q.defer();

          Meteor.autorun(function () {
            if (!Meteor.loggingIn()) {
              if (Meteor.user() == null) {
                deferred.reject('AUTH_REQUIRED');
              } else {
                deferred.resolve(Meteor.user());
              }
            }
          });

          return deferred.promise;
        }
      }
    });

解析部分将拒绝该路由（请参阅下面的处理程序），并确保在激活路由之前Meteor.user（）已完全加载。

将此处理程序放在.run方法中：

function run($rootScope, $state) {
  'ngInject';

  $rootScope.$on('$stateChangeError',
    (event, toState, toParams, fromState, fromParams, error) => {
      console.log("$stateChangeError: "+error);
      if (error === 'AUTH_REQUIRED') {
        $state.go('login');
      }
    }
  );
}

它会将您重定向到登录页面（或您选择的任何其他页面）

Meteor - 在使用ui-router加载状态之前调用函数

1 个答案: