有没有办法避免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做的窍门是：

• 文档：链接
• 详细设置方法：链接

记住那条建议：

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