javascript - 在 Angularjs 中，如何阻止用户访问某些页面？

Question

我正在使用ui-routerand$stateProvider来显示视图。

该项目用于构建管理页面，共有三个帐户。

我的目的是某些页面必须仅显示给每个帐户。

所以，我以前ng-if不显示nav-bar，它是成功的。

但是如果输入它的 url 并直接接近，这些页面就会显示出来。

有没有办法在“配置”中创建分支？或其他方法来解决这个问题？

我认为这个问题不需要发布小提琴或plunker，

所以我刚刚把我的代码configs。

$urlRouterProvider.otherwise('/admin/login');
$stateProvider
.state('root.for_a', {
    url: '/:brand_id/for_a',
    views: {
        'appContainer@': {
            templateUrl: 'views/for_a.html',
            controller: 'ForACtrl',
        }
    }
})
.state('root.for_b', {
    url: '/:brand_id/for_b',
    views: {
        'appContainer@': {
            templateUrl: 'views/for_b.html',
            controller: 'ForBCtrl',
        }
    }
})
.state('root.for_c', {
    url: '/:brand_id/for_c',
    views: {
        'appContainer@': {
            templateUrl: 'views/for_c.html',
            controller: 'ForCCtrl',
        }
    }
})

我会等待任何英俊或漂亮的程序员可以帮助我。:)

提前致谢。

Answer 1

我为克服类似问题所做的是，在“ui-view”标签上使用“ng-if”。

 <ui-view ng-if="functionToEvaluatePermissions()"></ui-view>
 <span ng-if="!functionToEvaluatePermissions()"> You shouldn't be here. </span>