加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax – 未从异步http请求填充Angular JS数据

发布时间:2020-12-16 02:55:02 所属栏目:百科 来源:网络整理
导读:我正在尝试获取一个加载div来显示我的角度模块何时与服务器联系.我正在使用AngularJS 1.0.1和AngularJS Resources 1.0.1扩展 HTML和 jquery 1.7.2的功能,以进行一些额外的dom操作和ajax支持. 我已经发现,如果我在async false中运行ajax调用,则不显示加载div,
我正在尝试获取一个加载div来显示我的角度模块何时与服务器联系.我正在使用AngularJS 1.0.1和AngularJS Resources 1.0.1扩展 HTML和 jquery 1.7.2的功能,以进行一些额外的dom操作和ajax支持.

我已经发现,如果我在async false中运行ajax调用,则不显示加载div,除了Firefox显示但动画gif没有动画.

如果我在async中运行ajax调用,则返回的数据不会加载到已加载模板partial的角度模型变量中.

是否可以获得动画加载div来显示并获取加载到模型中的角度数据?

解决方法

希望我能正确理解你.您想要显示ajax请求的加载进度.要做到这一点,你需要一个响应拦截器.这是一个如何执行此操作的示例 http://jsfiddle.net/zdam/dBR2r/

// register the interceptor as a service,intercepts ALL angular ajax http calls
.factory('myHttpInterceptor',function ($q,$window,$rootScope) {
    return function (promise) {
        $rootScope.nowloading = true; // use ng-show="nowloading" on element containing spinner
        return promise.then(function (response) {
            // do something on success
            $rootScope.nowloading = false; // need to turn it off on success 
            return response;

        },function (response) {
            // do something on error
            $rootScope.nowloading = false;  // need to turn it off on failure
            $rootScope.network_error = true;   // you might want to show an error icon.
            return $q.reject(response);
        });
    };

希望这可以帮助

– 担

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读