欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

$q异步操作使用按钮是什么

程序员文章站 2022-05-27 20:34:14
...


'use strict';
angular.module('app').controller('positionCtrl',['$q','$http','$state','$scope','cache',function ($q,$http,$state,$scope,cache) {
    $scope.isLogin = false;    function getPosition() {
        var def = $q.defer();        $http.get('data/position.json',{ //1
            params:{
                id : $state.params.id
            }
        }).success(function(resp){
            $scope.position = resp;
            def.resolve(resp);
        }).error(function (err) {
           def.reject(err);
        });        return def.promise;//2
    }    function getCompany(id) {
        $http.get('data/company.json?id='+id).success(function(resp){
            $scope.company = resp;
        })
    };
    getPosition().then(function(obj){//4
        getCompany(obj.companyId);//5
    });    $q.all([fun1(),fun2()]).then(function (result) {})//6}]);/*
* $q是为了解决异步的问题
* 1、这里有个异步请求,我们在前面建一个$q.defer()函数来创建一个defer对象,延迟加载对象,
* 2、在异步请求下面返回def.promise属性,它也是一个对象,当我们处理完异步请求/操作的时候,我们就调用它的resolve()函数,把需要传入的参数传入进来,
* 当发送错误的时候,我在调用reject()函数,
* 3、这样当我们直接调用getPosition()函数的时候,得到的却是promise对象,
* 4、这个promise对象对象有一个then函数,这个then函数的作用就是当我们的异步请求调用resolve()之后,
* 5、它就会调用第一个传入的函数,同时把resolve()传入的参数传入进来。这样就可以把一个异步的操作变成一个同步的写法。
*
*
* 6、还有一种特殊的操作,就是我想当这两个操作同时执行完成之后再执行对应的操作,
* */

以上就是$q异步操作使用按钮是什么的详细内容,更多请关注其它相关文章!