角度渲染順序

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