标签: angular-promise

很惊讶地看到为什么angularjs promise没有使用$interval服务多次解决.以下是我的代码.变量i多次递增,但承诺只解析一次.

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, myService) {
    myService.then(function(result) {
        $scope.i = result;
    });
});
app.factory('myService', function($interval, $q) {
    var deferred = $q.defer();
    var i = 0;
    $interval(function() {
        i += 1;
        deferred.resolve(i);
    }, 2000);
    return deferred.promise;
});

Plunker

所以我遇到了这个问题,我正在使用ngView,我有一个静态的导航栏,如下所示:

<div ng-include="'views/nav.html'" ng-controller="NavCtrl"></div>
<div class="container-fluid" ng-view=""></div>

如果用户已注销(使用ng-show),则此nav.html(导航栏)显示一组特定功能(登录,注册),如果用户已登录,则显示其他菜单选项.由于当前大量使用用户,我把这些信息放在$ rootScope中,如下所示:$rootScope.currentUser- 返回用户对象,并$rootScope.signedIn返回布尔值.

基本上,我想延迟导航加载直到$rootScope.signedIn加载,无论是真还是假,并且$rootScope.currentUser是一个对象或未定义.

我已经尝试过在我的app.config路由中创建promises,但我不确定如何返回对永久视图状态的promise.

任何帮助表示赞赏.

编辑:

这是我广播登录的服务.只要用户通过身份验证/登录或注销时,就会触发此消息:

    var authClient = new FirebaseSimpleLogin(refDownload, function(error, user) {
        if (error) {
            incorrectLogin(error.code);
        }
        if (user) {
            // user authenticated
            $rootScope.$broadcast('login');
            correctLogin(user.id);
        } else {
            // user is logged out
            $rootScope.$broadcast('logout');
        }
    });

此服务以下列方式注入NavCtrl控制器:

    $scope.isHidden = true;

    $scope.$on('login', function() {
        console.log('login broadcast');
        $scope.isHidden = false;
    });

    $scope.$on('logout', function() {
        console.log('broadcast logout');
        $scope.isHidden = true;
    });

该控制器的模板是nav.html,如下所示:

<div …

我需要使用$q一个link我的指令的功能.我需要它来包装由一个参数重新调整的可能的promise(参见下面的例子).但是我不知道如何将$q依赖关系传递给这个函数.

angular.module('directives')
 .directive('myDirective', function() {
   return {
     scope: {
       onEvent: '&'
     }
     // ...
     link: function($scope, $element) {
       $scope.handleEvent() {
         $q.when($scope.onEvent()) {
            ...
         }
       }
     }
  }
}

我是angularjs的新手.我的目标非常简单.我想进行ajax调用以获取数据,并且一旦完成,我想再次调用以获取依赖于第一组信息的另一组数据.

我正在尝试利用promise机制这样做,以便我可以利用链接而不是嵌套的ajax调用,并且更好地保留具有我可以根据需要绑定在一起的独立函数的能力.

我的代码类似于以下内容:

var promiseGetWorkTypes = function ($q, $scope, $http) {
	console.log("promiseGetWorkTypes");

	return $q(function (resolve, reject) {
		$http({
			method: 'GET',
			url: '/WorkTypes'
		}).then(
			function (payload) {
				console.log("Got workttypegroups")
				console.log(payload);

				$scope.WorkTypeGroups = payload.data;

				console.log("End of worktypegroups");
				resolve(payload);
			},
			function (payload) {
				reject(payload);
			});
	});
};

var promiseGetRecentActivities = function ($q, $scope, $http) {
	console.log("promiseGetRecentActivities");

	return $q(function (resolve, reject) {
		$http({
			method: 'GET',
			url: '/RecentHistory'
		}).then(
			function (payload) {
				$scope.RecentActivities = payload.data;

				resolve(payload);
			},
			// data contains the response
			// status is …

我觉得我有点疯狂,但即使我有一个catch定义,Angular似乎也会为一个承诺抛出错误.它将错误抛出到控制台,然后允许catch运行.

这是一个超级简单的小提琴

测试代码:

$q.when(1)
    .then(function() {
        throw new Error("test");
    }).catch(function(error) {
        console.log('error caught', error);
    });

结果控制台

(肮脏的骗子!)

这是一个小提示,显示了我期望发生的事情:catch被引发,并且没有其他错误记录到控制台.我是否未能配置某些内容,或者Angular是否实施了破坏的承诺规范？

我正在进行$ http调用,它遍历多个api中的每一个并返回一个对象中的所有数据.我通常已经准备好在$ http调用时解决.与此类似:

function getAllData(api) {
    return $http({
        method: 'GET',
        url: '/api/' + api
    })
    .then(sendResponseData)
    .catch (sendGetVolunteerError);
}

当前函数我遍历每个api并将api中的每个对象推送到一个数组中,然后将其推送到整个数组中.我有这个功能,返回一个多维数组,需要被展平.

我想在承诺中归还这个,但我要回来了undefined.这是我到目前为止的情况？有没有更好的方法来解决这个问题？

DataService的:

function getSearchData() {
    return {
        loadDataFromUrls: function () {
            var apiList = ["abo", "ser", "vol", "con", "giv", "blo", "par"];
            var deferred = $q.defer();
            var log = [];
            angular.forEach(apiList, function (item, key) {
                var logNew = [];
                $http({
                    method: 'GET',
                    url: '/api/' + item
                }).then(function (response) {
                    angular.forEach(response.data, function (item, key) {
                        this.push(item);
                    }, logNew);
                    return logNew; …

我正在构建一个将在多个域上运行的角度应用程序.由于每个域上有不同的配置,我需要通过调用服务器来获取所有变量.该调用将返回包含不同rest url的JSON对象.我的问题是我需要在$ stateProvider中的'resolve'步骤之前执行此调用,因为我已经有一个依赖于服务器配置对象的任务.

• a)$http和之间有什么区别$q？
• b)什么时候应该$q实施$http,反之亦然？
• c)在和实施最佳做法$http,并$q在同一时间？

任何人都可以帮我一些Angular的承诺吗？我有以下函数应该接受一个文件对象数组,迭代它们,并上传每一个.在每次迭代期间,promise对象被推送到一个数组promises.在我的upload函数中,我有一个附加的cycle函数,在.then()所有的promise对象都已解析之前不应该调用它.我认为我的代码看起来是正确的,但它无法正常工作.图像上传,但是cycle(files).then()会立即调用,而不是一旦promises数组结算.

function upload(files) {
    var uploadCount = files.length;
    function cycle(files) {
        var promises = [];
        for (var i = 0; i < files.length; i++) {
            var deferred = $q.defer();
            promises.push(deferred);
            var file = files[i];
            Upload.upload({
                url: '/photos.json',
                file: file
            }).success(function(){
                $scope.progressCurrentCount += 1;
                deferred.resolve();
            });
        };
        return $q.all(promises);
    };

    cycle(files).then(function(result) {
        if(uploadCount > 1) {
            $scope.lastAction = 'uploaded ' + uploadCount + ' photos';
        } else {
            $scope.lastAction …

我的承诺返回代码有问题,我有一个getTagQuotes包含for循环的函数,它可以使多个调用API将数据返回到数组中.

我的代码如何从下面开始:

// If there are tags, then wait for promise here:
if (tags.length > 0) {

    // Setting promise var to getTagQuotes:
    var promise = getTagQuotes(tags).then(function() {
        console.log('promise =',promise);

        // This array should contain 1-3 tags:
        console.log('tweetArrayObjsContainer =',tweetArrayObjsContainer);

        // Loop through to push array objects into chartObj:
        for (var i=0; i<tweetArrayObjsContainer.length; i++) {
            chartObj.chartData.push(tweetArrayObjsContainer[i]);
        }

        // Finally draw the chart:
        chartDirective = ScopeFactory.getScope('chart');
        chartDirective.nvd3.drawChart(chartObj.chartData);
    });
}

我的getTagQuotes函数带有promise返回:

function getTagQuotes(tags) {
    var deferred = $q.defer(); // setting the …