如何在視圖顯示給用戶之前從angularjs中的自定義指令中獲取信息？

Question

我傳遞使用$state->data
的信息。例如：

angular 
    .module('myapp', [...]) 
    .config(function ($stateProvider, $urlRouterProvider) { 

     $urlRouterProvider.otherwise('/account'); 

     $stateProvider 
      .state('account', { 
       abstract: true, 
       url: '/account', 
       templateUrl: 'index.html' 
      }) 
      .state('menu', { 
       abstract: true, 
       url: '/menu', 
       templateUrl: 'views/nav/menu.html' 
      }) 
      .state('menu.main', { 
       url: '/main', 
       data: { 
        role: ['user', 'merchant'], 
        mode: 'online' 
       }, 
       views: { 
        'menuContent': { 
         templateUrl: 'views/dash/dash.main.html' 
        } 
       } 
      }) 
      . 
      . 
      .   
     ; 
    }) 

和驗證通過$stateChangeStart

$rootScope.$on('$stateChangeStart', function (event, toState, toParams, fromState, fromParams) { 
    console.log(toState); 
    console.log(toState.data); 
});  

各的看法，但我認爲信息（如角色和模式）必須從視圖中取而不是從$state->data。我想是這樣的：

views/dash/dash.main.html 

<ion-view title="Dashboard" hide-back-button="true" myapp-role="user,merchant" myapp-mode="online" myapp-security="true"> 
    <ion-content has-header="true" padding="false"> 

    </ion-content> 
</ion-view> 

而且能夠在view之前得到myapp-role, myapp-mode, myapp-security值顯示給用戶。 我該如何做到這一點？還有一個問題，這是一個好方法嗎？

Answer 1

當我尋找更多的參考資料時，我發現我想達到的是不可能的，也不是一個好的做法。
在這裏，我發現了一些很好的文章： angular ui-router login authentication