Question

我想在加载js时隐藏文本消息，但尚未应用数据绑定。我尝试过类似的东西，但它总是隐藏信息

.hide { display: none; }
<div class="hide" ng-hide="haveRecords">No Records found</div>

如果我从div中删除类hide。然后在应用数据绑定之前显示此元素几毫秒。如何解决？

Answer 1

这是 ngCloak 的用途您可以像这样使用它：

<head>
    ...
    <style>[ng-cloak] {display: none !important;}</style>
</head>
<body>
    ...
    <div ng-cloak ng-hide="haveRecords">No Records found</div>

注意：只有在身体末端包含AngularJS脚本时才需要头部样式（无论如何这都是个好主意）。

Answer 2

您应该使用ngCloak

ngCloak指令用于防止浏览器在加载应用程序时以原始（未编译）形式短暂显示Angular html模板。使用此指令可避免由html模板显示引起的不良闪烁效应。

代码的

<div ng-hide="haveRecords" ng-cloak>No Records found</div>

如何在应用数据绑定之前隐藏元素

2 个答案: