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

您需要添加style="display:none;"

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

不能依赖Javascript和CSS来立即隐藏你的div。

Answer 2

我不知道为什么你使用ng-show="userFromGuardian"给div。如果您删除ng-show="userFromGuardian"，则会显示div。

在页面加载时，div可见一会儿

2 个答案: