Impossibile recuperare Backbone.js attributi in realtà

Question

Ho un modello base backbone, l'attributo urlRoot è impostato e il target corrispondente sul lato server restituisce un output JSON corretto (sia la stringa JSON che l'intestazione application/json).

io chiamo un prendere come questo:

var athlete = new Athlete({ id: 1 }); 
athlete.fetch(); 

a questo punto, se posso aggiungere un

console.log(athlete); 

posso vedere il modello, e ispezionare in Firebug posso aprire gli attributi oggetto e vedere tutti i valori restituiti dal server.

Ma se faccio un:

console.log(athlete.get('name')); 

ottengo undefined (compare il nome sotto gli attributi nella ispezione DOM che ho citato sopra)

anche facendo un:

console.log(athlete.attributes); 

restituisce un oggetto contenente solo {id: 1}, che è l'argomento che ho passato durante la creazione del modello.

Se creo il modello come questo:

var athlete = new Athlete(<JSON string copypasted from the server response>); 

poi tutto funziona bene, il metodo .get() restituisce tutto quello che chiedo, e athlete.attributes mostra tutti i valori.

Cosa sto sbagliando?

Answer 1

fetch è asincrono, il che significa che i dati non saranno disponibili se si chiama immediatamente console.log(athlete.get('name')) dopo il recupero.

utilizzare gli eventi per essere notificati quando i dati sono disponibili, ad esempio

var athlete = new Athlete({id: 1}); 
athlete.on("change", function (model) { 
    console.log(model.get('name')); 
}); 
athlete.fetch(); 

o aggiungere un callback al vostro prendere

var athlete = new Athlete({ id: 1 }); 
athlete.fetch({ 
    success: function (model) { 
     console.log(model.get('name')); 
    } 
}); 

o approfittare della promessa restituito da fetch:

athlete.fetch().then(function() { 
    console.log(athlete.get('name')); 
}); 

Answer 2

Proprio come una breve osservazione quando si utilizzano gli eventi in questo esempio. Non ha funzionato con change nel mio caso perché questo evento si attiva a ogni modifica. Quindi sync fa il trucco .

var athlete = new Athlete({id: 1}); 
athlete.on("sync", function (model) { 
    console.log(model.get('name')); 
}); 
athlete.fetch();