Question

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

如果仅在ng-repeat等其他内容完成呈现在页面上时，如何强制显示页脚？

Answer 1

使用值列表呈现

ng-repeat;你可以从WebService获得。

添加$ rootScope.myBool，在应用开始时为false。
在$ http调用中更新valueto true（或填充ng-repeat数组的方式）
一旦你的阵列完成，添加ng-show =＆＃34; myBool＆＃34;到你的页脚在阵列填满之前阻止它显示

Answer 2

最好在创建任何ajax调用或数据加载时，创建一个显示加载程序图标全宽的服务。

这是非常正常的场景，使用angularJs SPA，页面看起来扭曲或页脚在页面级别首先出现，因此最好创建一个服务，当ajax调用加载数据或ng-repeat时，将启用页面上的全屏加载器正在进行中并且当事情完成时，相同的服务将禁用全屏加载器

类似这样的事情：在调用ajax之前使loader服务器为true，并在调用成功或错误时将其设为false。

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);
})

角度渲染顺序

2 个答案: