Come usare ic-ajax con jsonp?

Question

In un controller:

/*globals Ember*/ 

import { raw as icAjaxRaw } from 'ic-ajax'; 
... 
    myData: function() { 
     var promise = new Ember.RSVP.Promise(function (resolve, reject) { 
      var req = icAjaxRaw({ 
       type: 'GET', 
       url: server+'/api/mydata?callback=?', 
       dataType: 'jsonp', //problematic 
      }); 
      req.then(
       function(result) { 
        console.log('myData', result.response); 
        resolve(result.response); 
       }, 
       function(response) {    
        console.error('myData', response.jqXHR.responseText, response); 
        reject(response); 
       } 
      ); 
     }); 
     return promise; 
    }.property(), 

... e nel modello con tale controller:

{{myData}} 

Questo visualizza:

{ 
    "_id": 101, 
    "_subscribers": [] 
    } 

che si presenta come un oggetto intermedio, non quello la promessa si risolve a Ho la sensazione che questo potrebbe essere correlato a qualcosa che ha a che fare con il ciclo di corsa ember, come mentioned here

Come ottenere il modello per visualizzare ciò che viene visualizzato nel registro della console?

Answer 1

Non è possibile restituire una promessa da una proprietà calcolata.

Le proprietà calcolate non risolvono le promesse, il che significa che "myData" è una promessa, non il valore in cui la promessa si risolve. Probabilmente dovresti spostarlo nei ganci del modello della Rotta. Se questo non è un'opzione che si può fare qualcosa di simile:

myData: {}, 

getMyData: function() { 
    var self = this; 
    var req = ic.ajax.raw({ 
    type: 'GET', 
    url: 'http://ip.jsontest.com/?callback=?', 
    dataType: 'jsonp' 
    }); 
    req.then(
    function(result) { 
     console.log('myData', result.response); 
     self.set('myData', result.response); 
    }, 
    function(response) { 
     console.error('myData', response.jqXHR.responseText, response); 
    } 
); 
}.on('init') 

Scegli questa JSBin