Angular JS-Spinner方法

时间:2016-01-26 17:13:04

标签: angularjs spinner

为使用Angular Js设计的单页面Web应用程序设计加载微调器组件的最佳方法是什么。该网页由多个组件和小部件组成,这些组件和窗口小部件可以生成ajax请求?我们是否必须考虑微调器的注册和去除?

2 个答案:

答案 0 :(得分:0)

我会使用font awesome,一个非常受欢迎的库。

就是这样......

<i ng-if="loading" class="fa fa-the-icon-you-want fa-spin"/>

这会在屏幕上显示旋转图标。

在您的控制器中......

$scope.loading=true;

$http.get("/path").then(function(response) {
    $scope.loading=false;
}).catch(function(errorResponse) {
    $scope.loading=false;
});

答案 1 :(得分:0)

我真的认为你不需要发明轮子。

您可以免费使用存在的angular指令,并根据需要自定义它们。

例如:

angular-spinner github

Possible configuration options are described in the spin.js homepage