Угловой ui-view не правильно загружается

Question

Я работаю над приложением на основе углового 1 и ui-router. Ниже приведен код индекса страницы

<div ng-if="!authenticated"> 
     <div ui-view></div> 
    </div> 

    <div ng-if="authenticated"> 
     <!-- header start --> 
     <div header></div> 
     <!-- header end --> 
     <div class="wrapper" id="wrapper"> 
      <!-- sidebar start --> 
      <div sidebar></div> 
      <!-- sidebar end --> 
      <div class="content"> 
       <div class="container-fluid"> 
        <div ui-view></div> 
       </div> 
      </div> 
     </div> 
     <!-- footer start --> 
     <div footer></div> 
     <!-- footer end --> 
    </div> 

маршрутизатор Congif:

$stateProvider 
    .state(CONSTANTS.STATE.LOGIN, { 

     url: CONSTANTS.PAGE_URL.LOGIN, 
     templateUrl: "./resources/login/login.tpl.html", 
     controller: 'LoginCtrl', 
     data: { pageTitle: 'Title for Login'}, 
     permit : { 
      loginRequired: false, 
      resources : [ PERMISSIONS.RESOURCES.ALL ] 
     } 
    }).state('abc', { 
      abstract: true, 
      url: CONSTANTS.PAGE_URL.BASE, 
      controller: 'AbcCtrl', 
      templateUrl: "./resources/abc/base/abc.tpl.html" 
    }).state('abc.dashboard', { 

     url: CONSTANTS.PAGE_URL.DASHBOARD, 
     templateUrl: "./resources/abc/dashboard/dashboard.tpl.html", 
     data: { pageTitle: 'Title for Dashboard' }, 
     controller: 'DashboardCtrl', 
     permit : { 
      loginRequired : true, 
      resources : [ PERMISSIONS.RESOURCES.ALL ] 
     } 
    })....... 

Проблема: После входа пользователя, новый пользовательский интерфейс, вид показывает вид неаутентифицированной страницы в течение короткого периода а затем загружает прошедший проверку контент. Как я могу избежать этой проблемы?

Answer 1

пытаются изменить

<div ng-if="!authenticated"> 
     <div ui-view></div> 
</div> 

Для этого

<div ng-if="!authenticated" ng-cloak> 
     <div ui-view></div> 
</div> 

ngCloak предотвратит это произойдет.