Angular ui-router：如何防止访问状态

Question

您好，我是angularJS的新手，并一直在尝试阻止根据用户critera访问某些状态。

这是从ui-router的FAQ中准确描述的，但是我无法使其正常工作。我需要什么，但要在数据对象中准确地完成此操作？

（我看到有人在某些博客文章教程中投入“ true”，并像我一样使用它，但这似乎不起作用，因为我收到一条错误消息，指出needAdmin未定义）

这是我的代码：

angular.module('courses').config(['$stateProvider',
    function($stateProvider) {
        // Courses state routing
        $stateProvider.
        state('listCourses', {
            url: '/courses',
            templateUrl: 'modules/courses/views/list-courses.client.view.html'
        }).
        state('createCourse', {
            url: '/courses/create',
            templateUrl: 'modules/courses/views/create-course.client.view.html',
            data: {
                needAdmin: true
            }
        }).
        state('viewCourse', {
            url: '/courses/:courseId',
            templateUrl: 'modules/courses/views/view-course.client.view.html'
        }).
        state('editCourse', {
            url: '/courses/:courseId/edit',
            templateUrl: 'modules/courses/views/edit-course.client.view.html',
            data: {
                needAdmin: true
            }
        });

    }
]);


angular.module('courses').run(['$rootScope', '$state', 'Authentication', function($rootScope, $state, Authentication) {
  $rootScope.$on('$stateChangeStart', function(e, to) {

    var auth = Authentication;

    console.log(auth.user.roles[0]);
    if (to.data.needAdmin && auth.user.roles[0] !== 'admin') {
      e.preventDefault();
      $state.go('/courses');
    }

  });
}]);

Answer 1

如果状态为no data，则to.data未定义。试试这个：

if (to.data && to.data.needAdmin && auth.user.roles[0] !== 'admin') {