在 Angularjs 中，如何阻止用戶接近某些頁面？

Question

我正在使用ui-router和$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>