Ember afterRender組件/非異步AJAX

Question

想象一個呈現HTML表格的組件。表中的數據來自遠程JSON。

該組件的另一部分依賴於完全呈現的HTML表（使用JSON數據）。

在組件的init事件中，我檢索JSON並設置組件將用於呈現表的數據。

我不能使用afterRender鉤子來進一步處理表，因爲當觸發afterRender時，表存在但沒有JSON數據。

我注意到組件外部的一個afterRender鉤子工作（表格完全呈現），但是我通過運行屬於組件內部的代碼來破壞封裝。

我可能會同步獲得JSON，或者是承諾內的承諾？我將如何做後者？我的意思是在組件的init掛鉤上，我如何創建一個只有在它內部的promise被返回時纔會返回的promise？

或者我該如何處理這種灰燼方式？

Answer 1

你絕對可以將你的承諾連鎖在地獄之外。

var items = []; 

this.set('items', items); 

$.getJSON('/colors').then(function(results){ 
    results.forEach(function(item){ 
    item.color +=" is pretty"; 
    }); 
    return results; 
}).then(function(prettyResults){ 
    prettyResults.forEach(function(item){ 
    items.pushObject(item); 
    }); 
}); 

http://emberjs.jsbin.com/OxIDiVU/724/edit

超深費解的承諾

new Ember.RSVP.Promise(function(resolve){ 
    resolve($.getJSON('/colors')); 
}).then(function(results){ // this isn't hit til the json is returned 
    results.forEach(function(item){ 
    item.color +=" is pretty"; 
    }); 
    return new Ember.RSVP.Promise(function(resolve){ 
    Ember.run.later(function(){ 
     resolve(results); 
    }, 4000); 
    }); 

}).then(function(prettyResults){ // this isn't hit til the 4 second resolve is done 
    prettyResults.forEach(function(item){ 
    items.pushObject(item); 
    }); 
}); 

http://emberjs.jsbin.com/OxIDiVU/725/edit