Angular-延遲加載列表

Question

我的應用程序的select下拉列表中有很多項，以至於它導致頁面加載略有延遲。

目前，我使用基本的http調用獲取下拉列表中的項目，然后將數據簡單地插入到作用域中。

處理龐大的下拉列表時，是否使用一種典型的方法？

可以根據需要發布代碼，但是如上所述

$http.get(myListUrl).then....

$scope.myListItems = response

我也在使用選擇的庫。

Answer 1

Angular的$http是內置的緩存功能 。 只需將cache設置為true 。 這將創建一個自定義服務，如果數據為空，則會獲取該數據，並在成功時填充該數據。 下次調用該服務時，它將不調用該服務，而是從緩存中檢索數據。

$http.get(myListUrl, { cache: true}).success(...);

或者，您可以使用$ cacheFactory

var cache = $cacheFactory('myCache');
var data = cache.get(someKey);
if (!data) {
   $http.get(url).success(function(result) {
      data = result;
      cache.put(someKey, data);
   });

Answer 2

您是否嘗試過在$ timeout中將對$ http.get的調用包裝起來以將其延遲到頁面加載之后？