Question

如何使用angularjs显示加载图标或加载进度条。我的意思是在jquery $("body").addClass("loading");，$("body").removeClass("loading");中使用的这样的东西，我看到了一些进度条的链接，就像youtube加载栏但我不想要我想要简单的进度条或加载iage或加载图标或加载栏，显示栏从模块移动到模块，选项卡到标签。是否有任何链接或功能可以清楚地解释如何使用它。

Answer 1

如果你不想自己实现，下面是几个链接。

angular-spinner或angular-sham-spinner

还阅读了这个BLOG，详细说明了微调器如何与angularjs一起使用

根据评论

编辑

app.directive("spinner", function(){
return: {
restrict: 'E',
scope: {enable:"="},
template: <div class="spinner" ng-show="enable"><img src="content/spinner.gif"></div>
}
});

我没有测试过代码，但指令不会比这更复杂......

Answer 2

查看

<div ng-show="loader.loading">Loading</div>

控制器

$scope.loader.loading = true;  // false

也可以在控制器上添加它

  $scope.loader = { 

              loading : false ,

             };

Show and hide loading bar

使用angularjs显示加载图标或加载进度条

2 个答案: