我的应用程序应该打开弹出窗口向用户询问确认,然后创建ajax cal并关闭弹出窗口.
我尝试使用一个承诺链(我已经使用它,我记得它应该以这种方式工作),但它似乎在调用toreservationService.confirm($scope.object);之后阻塞.现在它是一个用setTimeout和$q实现的虚假服务,只是为了返回一个promise(将来它将进行ajax调用).这是一个有效的代码还是我没有发现承诺是如何工作的?
对于弹出窗口我选择AngularUI,代码如下:
我尝试使用一个承诺链(我已经使用它,我记得它应该以这种方式工作),但它似乎在调用toreservationService.confirm($scope.object);之后阻塞.现在它是一个用setTimeout和$q实现的虚假服务,只是为了返回一个promise(将来它将进行ajax调用).这是一个有效的代码还是我没有发现承诺是如何工作的?
对于弹出窗口我选择AngularUI,代码如下:
reservationService.book($scope.object,day) .then(function(){ var dialogopts = {/* dialog options omitted*/} return $dialog.dialog(dialogopts).open(); }) .then(function(result){ console.log('confirmed? ',result); if (result){ //After this line it doesn't do nothing,also if the promise is resolved return reservationService.confirm($scope.object); } }) .then(function(){ //this function is never executed $scope.$emit('object:detail',{object: $scope.object}); });
reservationService:
function confirm(){ var deferred = $q.defer(); setTimeout(function(){ console.log('Confirming'); deferred.resolve(true) },500); return deferred.promise; }
解决了
使用$timeout angular的服务更改setTimeout
解决方法
使用$timeout而不是setTimeout’因为它在角度范围内工作,强制摘要阶段(或在setTimeout中使用$scope.apply()).