有没有一种方法可以避免AngularJS在页面加载之前显示所有隐藏元素？

Question

所有带有ng-hide属性的元素都是可见的，直到页面加载(并以角度隐藏它们)--在此之前，它会产生奇怪的网页外观。在jquery中，我习惯于设置style="display:none"，并在js完成时向他们展示。

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

非常感谢!

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

​

Answer 1

谢谢你所有完美的答案。

ng-cloak做到了这一点：

• 文档：链接
• 如何设置它：链接

记住这一结果：

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

Answer 2

只要试一试

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

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

Answer 3

看看ng-cloak

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

它会防止这种闪烁。