用angularjs显示加载程序

我只是提交了一个表单。返回响应需要一些时间，那时我需要显示加载程序。
这是我的代码

<div id="page-loading">
            <img style="display:none; margin:0 auto;"  src="~/images/loader.gif" />
        </div>

---

但是它不显示加载程序，而是需要更多的时间来返回响应。

如果我在这里给出

显示：block

，默认情况下加载程序将出现，但我只需要在表单的提交

时显示它。
有什么建议吗？
如果要显示和隐藏加载程序，我会使用ng：

<div ng-if="loaderVisible">
     <img margin:0 auto;"  src="~/images/loader.gif" />
</div>



然后，您可以在函数的开头将loadervible=true，并在回调成功期间将其设为false，从而再次隐藏它
 我会使用ng if来显示和隐藏加载程序：

<div ng-if="loaderVisible">
     <img margin:0 auto;"  src="~/images/loader.gif" />
</div>



然后，您可以在函数的开头将loadervible=true，并在回调成功期间将其设为false，从而再次隐藏它
 在方法顶部将变量设置为scope，如
$scope.load=true
，然后在http promise的
最后
处理程序中将其设置为
false

$http(httpRequest).then(...).finally(function() { $scope.loading = false; })

基于该标志，您可以隐藏和显示加载程序

<div id="page-loading" ng-if="loading">
    <img style="margin:0 auto;"  src="~/images/loader.gif" />
</div>

在方法顶部将变量设置为scope，如
$scope.load=true
，然后在http promise的
最后
处理程序中将其设置为
false

$http(httpRequest).then(...).finally(function() { $scope.loading = false; })

基于该标志，您可以隐藏和显示加载程序

<div id="page-loading" ng-if="loading">
    <img style="margin:0 auto;"  src="~/images/loader.gif" />
</div>

您可以使用下面的is链接


使用起来非常简单，不需要这些，如果你不喜欢加载器，那么你可以更改加载器CSS als
你可以使用下面的链接


使用起来非常简单，不需要这些，如果你不喜欢加载器，那么你可以更改加载器CSS als
你可以使用范围变量使用ng if或ng-show显示和隐藏图像。请在角度应用程序中使用角度，而不是jquery DOM。这将为您省去很多麻烦。您可以使用scope变量使用ng if或ng-show显示和隐藏图像。请在angular应用程序中使用angular，而不是jquery DOM。这将为您省去很多麻烦。为什么我要使用
。最后，
如果您的请求失败，您也会想隐藏加载程序，不是吗？一旦您重定向到其他地方，
$timeout
与此无关。创建一个plunker，并告诉它有什么问题，我们将尽力帮助您修复它。让我们来。我为什么要使用
。最后，
如果您的请求失败，您也会想隐藏加载程序，不是吗？一旦您重定向到其他地方，
$timeout
与此无关。创建一个plunker，告诉它有什么问题，我们将尝试帮助您修复它。让我们来。