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>

每秒出现一次这样的分裂。是否可以设置这个div card将在加载数据时显示？

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>

Answer 2

是。只需添加一个CSS类＆＃34; ng-cloak＆＃34;只有在AngularJS准备就绪后才能显示的任何元素。

https://docs.angularjs.org/api/ng/directive/ngCloak

您必须根据上述文档为您的样式添加所需的CSS，但这些都是。

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

2 个答案: