Heim > Web-Frontend > js-Tutorial > Hauptteil

Wozu dienen Schaltflächen für asynchrone $q-Operationen?

一个新手
Freigeben: 2017-09-22 09:13:33
Original
1506 Leute haben es durchsucht


'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、还有一种特殊的操作,就是我想当这两个操作同时执行完成之后再执行对应的操作,
* */
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWozu dienen Schaltflächen für asynchrone $q-Operationen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage