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

Question

我使用ui-router 和$stateProvider 来显示视图。

本项目用于搭建管理页面，一共有三个账号。

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

所以，我用ng-if 不显示在nav-bar 上，它成功了。

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

有没有办法在 `configs' 中创建分支？或其他方法来解决这个问题？

我觉得这个问题不需要发fiddle或者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>