Reindirizzamento al primo elemento in ArrayController

Question

Sto provando a reindirizzare al primo elemento in un controller Array. Ho trovato alcune altre domande relative a questo, ma nessuna aveva risposte che sembravano funzionare (sono stati apportati molti cambiamenti, quindi è comprensibile).

Una risposta particolare da Yehuda here:

App.DoctorsRoute = Ember.Route.extend({ 
    model: function() { 
    return App.Doctor.find(); 
    }, 

    redirect: function() { 
    var doctor = this.modelFor('doctors').get('firstObject'); 
    this.transitionTo('doctor', doctor); 
    } 
}); 

io 'penso' ho ricreato questo scenario, ma devo aver fatto qualcosa di sbagliato ...

Qualsiasi indicazioni su ciò che sto facendo male è molto apprezzato

Esempio JSBin here.

Answer 1

Il problema è che l'elenco dei modelli non è ancora stato caricato dal server. A seconda delle tue esigenze ti consiglio di usare una promis per lasciare che la routine resti in attesa finché il tuo modello non viene caricato.

App.DoctorsRoute = Ember.Route.extend({ 
    model: function() { 
    return App.Doctor.find().then(function (list) { 
     return list.get('firstObject'); 
    }); 
    }, 

    redirect: function() { 
    var doctor = this.modelFor('doctors'); 
    this.transitionTo('doctor', doctor); 
    } 
}); 

naturalmente .. wel che renderebbe l'abit redirect sciocco, quindi se si vuole solo aspettare che l'elenco per caricare si potrebbe provare:

App.DoctorsRoute = Ember.Route.extend({ 
    model: function() { 
    return App.Doctor.find(); 
    }, 

    redirect: function() { 
    var self = this; 
    this.modelFor('doctors').then(function (list) { 
      return list.get('firstObject'); 
     }).then(function (doctor){ 
      if(!doctor) 
       self.transitionTo('doctor', doctor); 
     }); 
    } 
});