gpt4 book ai didi

javascript - Angular JS 加载问题

转载 作者:行者123 更新时间:2023-12-03 07:45:28 24 4
gpt4 key购买 nike

我正在尝试获取以下内容Angular-Spinner在我的项目中工作:

我正在尝试让它与 http.get 调用一起工作。到目前为止我已经:

在 Controller 中:

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

});

在 View 中:

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

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

最佳答案

您可以尝试添加超时:

$scope.loading = true;

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

这将等待 5 秒,然后再尝试从 JSON 文件检索数据。

编辑:使用 Angular 的 $timeout 服务。不要忘记将其包含在您的 Controller 中! (谢谢沃尔弗拉特)

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

关于javascript - Angular JS 加载问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35226513/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com