Angularjs 从数据库提取数据时显示progressbar函数

我在这个按钮上有一个按钮点击我正在调用一个函数，例如

<button ng-Click=”getData()”></button>
<div class=”Progressbar” ng-show=” showProgress “></div>

此函数从数据库获取数据的时间较长。
我想在获取数据时显示一个微调器

但这个“Div”只有在整个功能完成后才会显示。 我希望在功能完成之前显示它。

---

如何实现这一点？

在加载数据之前设置

showProgress=true

，在加载数据之后设置为

false

。要获得可靠的行为，请创建

myRepository.getAllData

返回承诺，然后使用其

then

方法隐藏微调器：

$scope.getData = function() {
    $scope.showProgress = true;
    myRepository.getAllData().then(function() {
        $scope.showProgress = false;
    });
}

---

$scope.showProgress=false$scope.getData=function（）{$scope.showProgress=！$scope.showProgress；myRepository.getAllData（）；}什么是

myRepository.getAllData

？

$scope.getData = function() {
    $scope.showProgress = true;
    myRepository.getAllData().then(function() {
        $scope.showProgress = false;
    });
}