ページの読み込み時に、divが一瞬表示されます

Question

ページが更新されると、このdivが数秒間表示されてから消えます。どのようにこの動作を制御できますか？

<div ng-cloak="true" ng-show="userFromGuardian"> 

    <div class="logo"> 
     <img src="img/orangeIcon_normal.gif" style="vertical-align: top"/> 
     <div style="text-align: center; margin-top: -2%"><span style="font-family:Century Gothic;font-size:48px;font-weight:normal;font-style:normal;text-decoration:none;color: #FF6600;">Online Quotation Tool</span></div> 
    </div> 

    <div class="headerGuardian"> 
     <span style="text-align: left;margin-left: 1%;font-weight: normal;">Welcome</span> 
     <span style="text-align: left"> {{user.firstName}} {{user.lastName}}</span> 
     <a style="margin-right: 1%;float: right" ng-click="logOut()">logout</a> 
    </div> 

</div> 

     //checking Guardian user 
     $rootScope.userFromGuardian =false; 
     UserFromGuardian.get(function(data){ 
      $rootScope.userFromGuardian = data.userFromGuardianFlag;}); 

Answer 1

ng-show="userFromGuardian"をdivに使用する理由はわかりません。 ng-show="userFromGuardian"を削除すると、divが表示されます。

Answer 2

は、JavaScriptとCSSはすぐにあなたのdiv要素を非表示にするに頼ることができないstyle="display:none;"

<div ng-cloak="true" ng-show="userFromGuardian" style="display:none;"> 

を追加する必要があります。