Spinner在等待ng-repeat時

Question

我試圖在angularJS中構建一個包含數千個選項的選擇下拉菜單。視圖正在建立時，應用程序會掛起。有沒有辦法在加載圖像後面隱藏這個下拉菜單，直到選項完成構建？

Answer 1

使用NG-斗篷 下面是文檔： https://docs.angularjs.org/api/ng/directive/ngCloak

Answer 2

你可以使用一個簡單的指令，在ng-repeat結束映射回調。 這裏也是一個相當粗糙的demo。

<h3 ng-repeat="name in names" repeat-end="onEnd()"></h3> 

app.controller("MyCtrl", function($scope, $timeout){ 
      $scope.finish = false; 
      $scope.onEnd = function(){ 
       $timeout(function(){ 
         alert("finish") 
        $scope.finish = true; 
       }, 1); 
      }; 

     }); 

app.directive("repeatEnd", function(){ 
      return { 
       restrict: "A", 
       link: function (scope, element, attrs) { 
        if (scope.$last) { 
         scope.$eval(attrs.repeatEnd); 
        } 
       } 
      }; 
     });