Restangular：等待承诺的决心？

Question

我新的Javascript和AngularJS而这一次让我抓我的头：/

前提

• REST服务从后端提供我的数据
• AngularJS 1.2.21和Restangular 1.4.0
• 一个AngularJS控制器，它应该询问服务提供的五香版本

我有什么

这是有问题的方法：

service.getSlices = function() { 

     Restangular.all('entries').getList().then(function(entries) { 

      //some rather complex modification of the backend data go here 
      //... 

      return resultOfModification; //this is what should be returned for getSlices(); 
     }) 

     //I want the resultOfModification to be returned here 


    }; 

问题

Bascially我想在getSlices()等到应许是为了回报解析我的resultOfModification只有当它实际计算。

其他情形
我也像返回从getSlices()承诺那么这将提供resultOfModification。不过，我担心我不会很好地理解这一点，并且/或者同时感到很沮丧/厌倦。

答案和任何建议，欢迎，尤其是指向良好的阅读材料。谢谢

Answer 1

你不能在那个地方作为实际值返回它，因为Restangular是异步的（在调用then的回调被调用之前，功能getSlices被留下）。这就是为什么使用Promise。

即使有可能使Restangular同步，您也不应这样做，因为这会阻止浏览器，直到数据被请求，这将是一个糟糕的用户体验。

您应该尝试进入Promise，因为它们设计为看起来像同步代码但行为异步。

你需要在你的代码改变世界的事情是增加一个return前Restangular.all：

service.getSlices = function() { 
     return Restangular.all('entries').getList().then(function(entries) { 

      //some rather complex modification of the backend data go here 
      //... 

      return resultOfModification; //this is what should be returned for getSlices(); 
     }) 
    }; 

这将返回Promise是由.then调用返回。这个承诺将解决到resultOfModification，因为这是你回报的价格。

这样，你可以使用getSlices这样：

service.getSlices().then(function(modifiedData) { 

    }); 

---

承诺可以链接起来：

(new Promise(function(resolve, reject){ 
    setTimeout(function() { 
     resolve("some"); 
    },200); 
    })) 
    .then(function(data) { 
    return data+' data'; 
    }) 
    .then(function(data) { 
    //here a Promise is return which will resovle later (cause of the timeout) 
    return new Promise(function(resolve, reject) { 
     setTimeout(function() { 
     resolve(data+' !!!!!!'); 
     },200); 
    }); 
    }) 
    .then(function(data) { 
    //this will have 'some data !!!!!!' 
    console.log(data); 
    }); 

这将是，如果你会写这样的说法相同：

var promiseA = new Promise(function(resolve, reject){ 
    setTimeout(function() { 
     resolve("some"); 
    },200); 
    }); 

    var promiseB = promiseA.then(function(data) { 
    return data+' data'; 
    }) 


    var promiseC = promiseB.then(function(data) { 
    //here a Promise is return which will resovle later (cause of the timeout) 
    return new Promise(function(resolve, reject) { 
     setTimeout(function() { 
     resolve(data+' !!!!!!'); 
     },200); 
    }); 
    }); 

    var promiseD = promiseC.then(function(data) { 
    //this will have 'some data !!!!!!' 
    console.log(data); 
    });