Question

我正在尝试让以下Angular-Spinner在我的项目中工作：

我正在尝试使用http.get调用。到目前为止，我有：

控制器中的

：

$scope.loading = true;
$http.get('js/data/test.json').success(function(results){
$scope.section = results.section;
$scope.loading = false;

});

在视图中：

<span us-spinner="{radius:15, width:4, length: 8}" ng-show="loading"></span>
<div ng-repeat="post in section" class="inner"></div>

目前加载显示速度非常快，我想知道这是正确的使用方法吗？如何在加载所有数据并显示微调器之前稍微延迟它。有什么想法吗？

Answer 1

您可以尝试添加超时：

$scope.loading = true;

setTimeout(function () {
    $http.get('js/data/test.json').success(function(results){
        $scope.section = results.section;
        $scope.loading = false;
    }
}, 5000);

在尝试从JSON文件中检索数据之前，这将等待5秒钟。

编辑：使用Angular的$ timeout服务。不要忘记将它包含在你的控制器中！（谢谢Walfrat）

$timeout(function () {
    $http.get('js/data/test.json').success(function(results){
        $scope.section = results.section;
        $scope.loading = false;
    }
}, 5000);

Angular JS加载问题

1 个答案: