角度渲染顺序

Question

我试图摆脱我得到的视觉问题。 我有一个ng-repeat在我的页面上显示一些东西和一个页脚。 ng-repeat需要一些时间来显示，我看到页面的页脚在任何其他事物之前，这是令人不安的。

我如何可以强制页脚显示，只有当别的东西像一个NG重复已经完成呈现在网页上？

Answer 1

ng-repeat用值列表呈现;你可以从WebService中获得。

• 添加在应用程序启动时为false的$ rootScope.myBool。
• 更新您的$ HTTP调用内valueto真（或方式来填补你的NG-重复阵列）
• 一旦您的阵列完成，以你的页脚中添加一个NG秀=“myBool”以 防止它显示之前您的阵列已填充

Answer 2

创建一个显示加载程序图标全宽度的服务总是会更好，因为这会在发生任何ajax调用或数据加载时发生。

这是angularJs SPA的非常正常的场景，页面看起来失真或页脚首先在页面级别，所以最好创建一个服务，当ajax调用加载数据或ng-repeat时，可​​以在页面上启用全屏加载器正在进行中和的事情都完成相同的服务将禁用全屏装载机

是这样的：使装载机服务真正AJAX调用之前并使其虚假为成功或错误呼叫结束。在页面主体

https://iamlalit.tinytake.com/sf/MTY5MDY2NF81NjM1Njgw

loaderService.toggle(true); 

$http({ 
    url: enumApp.url.apiUrl + Id, 
    method: "GET" 
}) 
.success(function (data) { 
    loaderService.toggle(false); 
}) 
.error(function (data, status) { 
    loaderService.toggle(false); 
})