Mapping-Antwort auf Model - Best Practice

Question

Mit Angular 4, 5 hier auf dem neuesten Stand zu sein, habe ich mich gefragt, wie die JSON-Antwort auf ein stark typisiertes Objekt/Modell funktioniert.

Service:

getUsers(): Observable<User[]> { 
    return this.http.get<User[]>('http://localhost:8000/users/') 
    .pipe(
     tap(users => this.log(`fetched users`)), 
     map(response => { 
     return response.map((res) => 
     { 
      return new Hero(
      response['username'], 
      response.email); 
     }); 
     }), 
     catchError(this.handleError('getUsers', [])) 
    ); 
} 

Schnittstelle/Modell:

export interface IUser { 

    id: number; 
    name: string; 
    email: string; 
} 

export class Hero implements User { 

    public id: number; 

    constructor(public name: string, 
      public email: string) { 

    } 
} 

Rückkehr ein beobachtbares Array mit Benutzerobjekten. username ist kein Member dieses Objekts, daher verwende ich diese Klammernotation, da die Punktnotation einen Fehler ergibt. Offensichtlich werde ich diese Map-Funktion schließlich in eine separate Funktion für Testbarkeit/Klarheit bringen.

Wie wird mit dieser Zuordnung/Neuzuordnung/Transfusion richtig umgegangen?

Answer 1

Sie geben sich zu viel Mühe.

export interface IUser { 
    id: number; 
    username: string; 
    email: string; 
} 

getUsers(): Observable<User[]> { 
    return this.http.get<User[]>('http://localhost:8000/users/') 
    .catch(err => this.handleError('getUsers', [])); 
} 

hier gehen Sie, ist Ihre Antwort eingegeben haben.

Siehe Typoskript als Entwicklung Hilfe. Es ist sehr nützlich, während des Codierens Klassen und ähnliches zu haben, aber sobald Sie Ihre Anwendung erstellt haben, wird alles nach Javascript kompiliert, wodurch alle Klassen und Eigenschaften verloren gehen.

Sie sollten nicht zu viel darüber nachdenken. Gehen Sie einfach für das einfachste, und es sollte funktionieren. Ansonsten haben Sie immer noch einen TS-Linter, um Ihnen zu sagen, wo Ihr Fehler liegt!