Bearbeiten Sie Data-Service-Anfrage Angular2

Question

Ich erhalte Daten von einer Service-Anfrage, ich möchte ein Attribut "Differenz" hinzufügen. Dies ist, was ich von der URL erhalten:

{ 
    "times" : [{ 
     "pta" : "12:05", 
     "ata" : "12:34" 
    },{ 
     "pta" : "14:40", 
     "ata" : "14:36" 
    },{ 
     "pta" : "12:05", 
     "ata" : "12:10" 
    },{ 
     "pta" : "18:30", 
     "ata" : "20:00" 
    }] 
} 

Das ist mein Service:

import { Injectable } from '@angular/core'; 
import { Http, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 

@Injectable() 
export class TimesService { 
    constructor(private http: Http) { } 

    private _timesUrl = './app/api/times.php'; 

    calculateDifference(data: any): any { 
     // Code to calculate difference here 
     // Return object with pta, ata, difference properties 
    } 

    getTimes(): Observable<any[]> { 
     return this.http.get(this._timesUrl) 
      .map(this.extractData) 
      .catch(this.handleError); 
    } 

    private extractData(res: Response) { 
     if(res.status < 200 || res.status >= 300) { 
      throw new Error('Bad respons status: ' + res.status); 
     } 
     let body = res.json(); 
     return body.data || {}; 
    } 

    private handleError(error: any) { 
     // In a real world app, we might send the error to remote logging infrastructure 
     let errMsg = error.message || 'Server error'; 
     console.error(errMsg); // Log to console instead 
     return Observable.throw(errMsg); 
    } 
} 

Wie kann ich die calculateDifference() Funktion aufrufen, eine Eigenschaft difference jedem TimeSet hinzuzufügen, bevor sie zurückgegeben wird? Gibt es einen besseren Weg, um das umzusetzen, was ich erreichen möchte?

Answer 1

Sie es in einem map Operator nennen könnte:

.map(data => { 
    data.times = data.times.map(elt => this.calculateDifference(elt)); 
    return data; 
}) 

Die calculateDifference die reference Eigenschaft auf den pta und ata Eigenschaften basieren hinzufügen würde:

calculateDifference(elt) { 
    return { 
    pta: elt.pta, 
    ata: elt.ata, 
    difference: elt.pta - elt.ata // for example 
    }; 
} 

Answer 2

getTimes(): Observable<any[]> { 
    return this.http.get(this._timesUrl) 
     .map(data => this.extractData(data)) 
     .catch(this.handleError); 
} 


private extractData(res: Response) { 
    if(res.status < 200 || res.status >= 300) { 
     throw new Error('Bad respons status: ' + res.status); 
    } 
    let body = res.json(); 
    body.times.forEach(value => { 
     value.difference = this.calculateDifference(value.pta, value.ata) 
    }); 
    return body.data || {}; 
}