Ng-шоу вызывает мерцание

Question

Я попытался следующее, но я все еще получает мерцание при использовании нг-шоу: Angularjs - ng-cloak/ng-show elements blink

Я использую шаблон для загрузки моего верхнего СЧА следующим образом:

<div data-ng-controller="userInfoCtrl"> 
    <a href="#!home">Home</a> 
<a href="#!add-item">Add Item</a> 
<a href="#!settings" data-ng-show="display">Settings</a> 

Вот мой контроллер:

// User Info 
appControllers.controller('userInfoCtrl', ['$scope', 'appAdminCheck', function ($scope, appAdminCheck) { 

    // Set value for using ng-show/ng-hide 
    appAdminCheck().then(function (isAdmin) { 
     if (isAdmin == true) { 
      $scope.display = true; 
     } 
    }); 
}]); 

Answer 1

Я нашел проблему. Я загрузил навигацию в качестве шаблона в каждом представлении, поэтому, когда я менял маршруты, это вызывало мерцание в элементе ng-show. Перемещение шаблона на мою индексную страницу разрешило проблему, поскольку она загружается один раз. Пример:

<%--Container for HTML, inclusive of AngularJS App and responsive aspects--%> 
<div class="container"> 

    <%--Include top menu--%> 
    <div data-ng-include="'../Templates/topmenu.html'"></div> 

    <%--Load Angular Views--%> 
    <div data-ng-view></div> 

    <%--Footer of page. Could be an include as well--%> 
    <hr> 
    <footer></footer> 
</div> 

Answer 2

попробовать это,

использование ng-class с style='visibility: hidden',

<a href="#!settings" style="visibility: hidden" ng-class='{forceShow: display}'>Settings</a> 

style="visibility: hidden" скрывает <a> первоначально тогда, когда display приходит true класса forceShow добавит к <a> по ng-class,

и силу visibility: visible когда $scope.display == true,

<style> 
    .forceShow { 
     visibility: visible !important; 
    } 
</style> 

вот Demo Plunker