我正在用AngularJS编写应用程序。在不到一秒钟的时间内加载页面后,将显示此程序代​​码

<div class="col-sm-4" data-ng-repeat="user in users">
                <div class="card">
                    <div class="avatar">
                        <img src="" alt=""/>
                    </div>
                    <div class="content">
                        <a data-ng-href="/profile/{{user.username}}"><p class="personName">{{user.username}}</p></a>
                        <p class="profInfo">Something will be here soon
                            <br/>and here</p>
                    </div>
                </div>
            </div>


每秒钟的一小部分出现这样的拆分。是否可以设置该div card在加载数据时显示的方式?

最佳答案

通常,当您要在加载页面时隐藏{{}}时,会添加ng-cloak。如文档所述,您应在项目中添加以下CSS:

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
      display: none !important;
}


然后,您可以将ng-cloak用作类或指令,如下所示:

    <div class="ng-cloak"></div>
 Or
    <div ng-cloak></div>

关于javascript - AngularJS元素在不到一秒的时间内出现,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/46136540/

10-16 00:10