javascript - 在 AngularJS 中，如何加载隐藏元素的页面？

Question

在 AngularJS 中，如何确保 HTML 元素在加载页面时以隐藏状态开始？

在我的页面上，创建 Controller 时有一个初始延迟，在该元素消失之前可以在屏幕上看到该元素。

我尝试以各种方式组合这些属性:

<li 
    data-ng-show
    data-ng-if
    data-ng-cloak
    class="ng-hide"

但元素总是在屏幕上显示半秒然后消失。

Answer 1

管理页面加载的正确方法是在路由中使用“resolve”:只有当异步调用返回时，它才会授予对 Controller 和部分的访问权限。

请参阅本文档中的解决方案:

 https://docs.angularjs.org/api/ngRoute/provider/$routeProvider

对于你的问题，如果你仍然需要 ng-show，如果你将变量初始化为 false，它应该可以工作。

编辑:抱歉，ng-show 似乎实际上在 Angular 引导方面存在问题。