Sortiernummer unter Verwendung Lodash und Maschinenschrift

Question

I einen Winkel 2 Service apptService die Observable<Appointment[]> kehrt die ich dann die lodash bestellen Verwendung sortBy Funktion:

class Appointment { 
    id: string; 
    distance: number; 
    appointmentDate: date; 
} 

getAppointments(sortOrder) { 
    this.appointments = this 
    .apptService 
    .getAppointments() 
    .map(v => _.sortBy(v, sortOrder)); 
} 

Ich nenne getAppointments eine Sortierfunktion wie vorbei so:

getAppointments((app: Appointment) => app.id); 
getAppointments((app: Appointment) => app.distance); 
getAppointments((app: Appointment) => app.appointmentDate); 

Die appointmentDate und id Sorten sind wie erwartet, aber beim Sortieren nach distance sind die Werte alphanumerisch geordnet dh: 12, 123, 15, 3

Vorerst habe ich eine unschöne Lösung mit bodged:

getAppointments((app: Appointment) => { 
    // this will only work for appointments up to 100000 miles away 
    var s = "00000" + app.distance.toString(); 
    return s.substr(s.length - 5); 
}); 

aber das bricht mir das Muster, so dass ich bin auf der Suche nach einer besseren Lösung, oder in der Hoffnung zumindest um zu verstehen, warum dies geschieht.

lodash wurde für die Sortierung verwendet, weil mir die Syntax und die Leichtigkeit der Übergabe der Sortierpfeilfunktion gefallen hat, aber ich bin nicht an die Verwendung gebunden, wenn es eine bessere Lösung gibt.

Und tut mir leid, aber kein Plumpser, ich konnte nicht Lodash und Typoskript überhaupt dort zusammenarbeiten.

Answer 1

In meinem Dienst hatte ich dies:

let appointments = this 
     .http 
     .get("app/appointments.json") 
     .map((r: Response) => r.json().appointments as Appointment[]); 

Obwohl jedes json Objekt als Appointment[] gegossen wird, es erscheint dies vielleicht nur für die Linters profitieren ?, und keine tatsächliche Umsetzung erfolgt. Die Eigenschaften werden als Zeichenfolgen ohne Berücksichtigung der Klasseneigenschaftstypen festgelegt.

Durch die folgenden Änderungen wurde das Problem behoben.

let appointments = this 
    .http 
    .get("app/appointments.json") 
    .map(this.mapAppointments); 

private mapAppointments(response: Response): Appointment[] { 
    return response.json().appointments.map((r) => { 
     let g = new Appointment(); 
     g.id = r.id; 
     g.appointmentDate = r.appointmentDate; 
     g.distance = parseInt(r.distance); 
     return g; 
    }); 
} 

Dank @Polochon und @Meir für mich zu diesem führen.