如何显示加载器并在完成某些过程后显示？

如何解决如何显示加载器并在完成某些过程后显示？

我试图显示加载程序，并使所有进程都等到它到达最后一行。当它到达流程的最后一行时，我只需resolve即可。这样我就知道完成了。然后，我使用then隐藏加载。但是我认为加载器（位于根范围内）未显示，因为循环比事件处理程序执行得更快。如何实现显示加载程序并等待过程完成，然后使用JavasScript或AngularJs隐藏加载程序？

$scope.$emit("loading.show");
let promise1 = new Promise(function (resolve,reject) {
       
        $timeout(function () { 
            if ($scope.rateCard.clientele !== undefined && $scope.rateCard.clientele.id !== 0) {
                for (var j = 0; j < $scope.gridData.length; j++) {
                    var value = $scope.rateCard.clientele.name;
                    var gridindex = $scope.gridData[j].findindex(function (x) {
                        return x.field == 'clientele';
                    });
                    if (gridindex > -1) {
                        $scope.gridData[j][gridindex].data = value;
                    }
                }

            }  
            //do a lot of stuff.. 
           resolve("success");
        },200);
    });

promise1.then(function (x) {
    console.log("finished");
    $scope.$emit("loading.hide");  
});