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

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

angularjs

Angularjs 如何在应用数据绑定之前隐藏元素,angularjs,Angularjs,我想在js加载且数据绑定尚未应用时隐藏一条文本消息。我尝试过类似的方法，但它总是隐藏信息 .hide { display: none; } <div class="hide" ng-hide="haveRecords">No Records found</div> .hide{display:none；} 没有发现任何记录如果我从div中删除hide类，那么在应用数据绑定之前，这个元素会显示几毫秒。如何修复它？您应该使用 ngclope指令用于防止浏览器在加载应用程

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

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

.hide{display:none；}
没有发现任何记录

如果我从div中删除hide类，那么在应用数据绑定之前，这个元素会显示几毫秒。如何修复它？

您应该使用

ngclope

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

代码

未找到任何记录
这就是的目的。

您可以这样使用它：
<head>
    ...
    <style>[ng-cloak] {display: none !important;}</style>
</head>
<body>
    ...
    <div ng-cloak ng-hide="haveRecords">No Records found</div>


...
[ng斗篷]{显示：无！重要；}
...
没有发现任何记录

注意：只有在正文末尾包含AngularJS脚本时才需要头部样式（无论如何这是个好主意）。
数据绑定尚未激活，那么ng斗篷将如何工作？它仍然显示meI的div在我的
规则中有一个输入错误。再试一次。您可以在文档中阅读所有关于ngclope
（请参阅我答案中的链接）。它所做的一切就是隐藏一个元素，直到Angular被加载，然后执行它的魔法并移除ng斗篷
@coure2011:您尝试过建议的解决方案吗？它对你有用吗？它不起作用。我把它改成这样。隐藏{display:none；}。显示{display:block！important；}然后不显示。。。它仍然显示几毫秒内没有记录的消息seconds@coure2011，尝试添加Css[ng\：斗篷]，[ng斗篷]，[data ng斗篷]，[x-ng-斗篷]，.ng斗篷，.x-ng-斗篷{显示：无！重要；}仍然没有帮助，我还尝试添加class.ng斗篷，并在控制器的第一行设置一个调试器点。。我发现它在加载控制器之前正在删除.ng斗篷类。。。
<head>
    ...
    <style>[ng-cloak] {display: none !important;}</style>
</head>
<body>
    ...
    <div ng-cloak ng-hide="haveRecords">No Records found</div>