有没有办法避免AngularJS在页面加载之前显示所有隐藏的元素？

Question

具有ng-hide属性的所有元素在页面加载之前都是可见的（并且角度隐藏它们） - 在此之前它会出现一个奇怪的网页外观。使用jquery，我习惯于设置style="display:none"并在js完成时显示它们。

我在 AngularJS 中做错了什么？或者有更好的方法来解决这个问题吗？

非常感谢！

加载时显示所有隐藏元素的页面示例：

Answer 1

试试

<div ng-app ng-cloak>
//Code 
</div>

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

Answer 2

查看ng-cloak

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

它可以防止这种闪烁。

Answer 3

查看此官方文档 https://docs.angularjs.org/api/ng/directive/ngCloak 将此指令添加到body标签中，并在开头或html中直接包含自定义css

Answer 4

感谢所有完美答案。

ng-cloak可以解决问题：

• 文档：link
• 一步一步如何设置：link

记住推荐：

  

该指令可以应用于元素，但首选用法是将多个ngCloak指令应用于页面的一小部分，以允许逐步呈现浏览器视图。