Umleiten auf das erste Element in ArrayController

Question

Ich versuche, auf das erste Element in einem ArrayController umleiten. Ich habe ein paar andere Fragen dazu gefunden, aber keine hatte Antworten, die zu funktionieren schienen (es gab viele Änderungen, so dass dies verständlich ist).

Eine besondere Antwort von 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); 
    } 
}); 

Ich denke, 'Ich habe dieses Szenario neu erstellt, aber ich muss etwas falsch gemacht haben ...

Einsicht in das, was ich tue, falsch wird sehr geschätzt.

Beispiel JSBin here.

Answer 1

Das Problem hier ist, dass Ihre Liste der Modelle noch nicht vom Server geladen wurde. Abhängig von Ihren Bedürfnissen würde ich empfehlen, einen Promis zu verwenden, um den Router warten zu lassen, bis Ihr Modell geladen ist.

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); 
    } 
}); 

ofcourse .. wel das würde die Umleitung abit dumm machen, wenn Sie also nur für die Liste warten möchten Sie könnten versuchen, zu laden:

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); 
     }); 
    } 
});