Javascript 等待ng重复时旋转器

我正在尝试在angularJS中构建一个具有数千个选项的选择下拉列表。在构建视图时，应用程序将挂起。有没有办法将此下拉列表隐藏在加载的图像后面，直到选项构建完成？

使用ng-Clope 以下是文件：

---

您可以使用一个简单的指令来映射

ng repeat

末尾的回调。 这里也是一个相当粗糙的地方

app.controller（“MyCtrl”，函数（$scope，$timeout）{
$scope.finish=false；
$scope.onEnd=函数（）{
$timeout（函数（）{
警报（“完成”）
$scope.finish=true；
}, 1);
};
});
应用程序指令（“repeatEnd”，函数（）{
返回{
限制：“A”，
链接：函数（范围、元素、属性）{
如果（范围$last）{
范围$eval（属性重复结束）；
}
}
};
});

这与您的问题有点相切，但您确定要一个包含1000个选项的下拉框吗？根据您的应用程序，将它们细化为不同的组并动态填充下拉列表可能更方便用户。您可能希望尝试异步加载下拉列表的内容。您可以将

cg busy

用于角度应用程序。

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