javascript - AngularJS 元素在几分之一秒内出现

Question

我正在用 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>

每分之一秒出现一个这样的 split 。是否可以通过某种方式设置此 div 卡片 将在加载数据时显示？

Answer 1

通常当你想在加载页面时隐藏 {{ }} 时添加 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>