AngularJS在ng动画完成后隐藏进度条

我的要求是在每个$route更改请求上显示微调器图像，并在成功或错误时隐藏微调器图像。我正在使用angular-animate.js在$route成功后滑动视图

<div ng-cloak ng-controller="sliderController">
<div ng-view ng-class="{slide: true, left: isDownwards, right: !isDownwards}">
</div>
</div>

加载新页面后，我需要隐藏以推进图像（微调器）（即：在完整页面动画上）

---

任何帮助都将不胜感激。

在您的代码中，我没有看到任何显示您为微调器所做工作的内容。因此，这将只是一个在黑暗中刺伤你期待完成

一种选择是使用应用程序范围的进度条。想想YouTube是如何进行页面转换的。这是一个很好的解决方案。我认为它使用了

$http拦截器

---

另一个选项是使用提供者的

$routeChangeStart

和

$routeChangeSuccess

。您可以简单地使用一个

$scope

变量来触发图像是否应该可见

$scope.$on("$routeChangeStart", function(event, next,current) {
    $scope.spinnerDisplayed = true;
});

$scope.$on("$routeChangeSuccess", function(event, next,current) {
    $scope.spinnerDisplayed = false;
});

然后你的HTML就会有一个基本的

ng show/hide

<div ng-show="spinnerDisplayed">
   <!-- some spinner image here -->
</div>