在角JS延迟加载数据

我有这样在角JS延迟加载数据

(function (app) { 
    app.controller('productListController', productListController) 

    productListController.$inject = ['$scope', 'apiService', 'notificationService', '$ngBootbox', '$filter']; 

    function productListController($scope, apiService, notificationService, $ngBootbox, $filter) { 
     $scope.products = []; 
     $scope.page = 0; 
     $scope.pagesCount = 0; 
     $scope.getProducts = getProducts; 
     $scope.keyword = ''; 

     $scope.search = search; 

     $scope.deleteProduct = deleteProduct; 

     $scope.selectAll = selectAll; 

     $scope.deleteMultiple = deleteMultiple; 

     function deleteMultiple() { 
      var listId = []; 
      $.each($scope.selected, function (i, item) { 
       listId.push(item.ID); 
      }); 
      var config = { 
       params: { 
        checkedProducts: JSON.stringify(listId) 
       } 
      } 
      apiService.del('/api/product/deletemulti', config, function (result) { 
       notificationService.displaySuccess('Deleted successfully ' + result.data + 'record(s).'); 
       search(); 
      }, function (error) { 
       notificationService.displayError('Can not delete product.'); 
      }); 
     } 

     $scope.isAll = false; 
     function selectAll() { 
      if ($scope.isAll === false) { 
       angular.forEach($scope.products, function (item) { 
        item.checked = true; 
       }); 
       $scope.isAll = true; 
      } else { 
       angular.forEach($scope.products, function (item) { 
        item.checked = false; 
       }); 
       $scope.isAll = false; 
      } 
     } 

     $scope.$watch("products", function (n, o) { 
      var checked = $filter("filter")(n, { checked: true }); 
      if (checked.length) { 
       $scope.selected = checked; 
       $('#btnDelete').removeAttr('disabled'); 
      } else { 
       $('#btnDelete').attr('disabled', 'disabled'); 
      } 
     }, true); 

     function deleteProduct(id) { 
      $ngBootbox.confirm('Are you sure to detele?').then(function() { 
       var config = { 
        params: { 
         id: id 
        } 
       } 
       apiService.del('/api/product/delete', config, function() { 
        notificationService.displaySuccess('The product hase been deleted successfully!'); 
        search(); 
       }, function() { 
        notificationService.displayError('Can not delete product'); 
       }) 
      }); 
     } 

     function search() { 
      getProducts(); 
     } 

     function getProducts(page) { 
      page = page || 0; 
      var config = { 
       params: { 
        keyword: $scope.keyword, 
        page: page, 
        pageSize: 20 
       } 
      } 
      apiService.get('/api/product/getall', config, function (result) { 
       if (result.data.TotalCount == 0) { 
        notificationService.displayWarning('Can not find any record.'); 
       } 
       $scope.products = result.data.Items; 
       $scope.page = result.data.Page; 
       $scope.pagesCount = result.data.TotalPages; 
       $scope.totalCount = result.data.TotalCount; 
      }, function() { 
       console.log('Load product failed.'); 
      }); 
     } 

     $scope.getProducts(); 
    } 
})(angular.module('THTCMS.products'));

代码，所以我的问题是，当我加载应用程序采取了一些时间来加载数据。我需要加载数据尽快是否有任何解决方案？

来源

2016-07-16 Jerry

使用角加载杆很容易实现 – Jerry