Angular 2 - Get JSON-Dateinamen von http.get

Question

In einem Server-Verzeichnis habe ich eine Liste von JSON-Dateien. Ich muss jeden Json Dateiname in meine eckige 2-Komponente in einem Array von String oder anderen Struktur importieren.

Ich habe versucht, ein http.get mit diesem Service zum Webserver zu machen.

export class AnUtenteService { 
    getFiles() : Observable<string[]> { 
     return this.http.get(directory) 
     .map(this.extractData) 
     .catch(this.handleError); 
    } 

    private extractData(res: Response) { 
     let body = res.json(); 
     return body.data || { }; 
    } 
    private handleError (error: any) { 
    let errMsg = (error.message) ? error.message : 
    error.status ? `${error.status} - ${error.statusText}` : 'Server error'; 
    console.error(errMsg); // log to console instead 
    return Observable.throw(errMsg); 
    } 
} 

Aber wenn in meiner Komponente Ich nenne anutenteservice.getFiles() ich diesen Fehler: unerwartetes Token < in JSON an Position 0. Dies ist meine Komponente

export class OrderslistComponent{ 
    newsList; 
    errorMessage; 
    constructor(private anutenteservice: AnUtenteService, private http: Http) 
    {} 
    ngOnInit() { 
    this.anutenteservice.getFiles() 
    .subscribe(data => this.newsList = data, 
       error => this.errorMessage = <any>error); 
    } 

} 

Ich verstehe nicht, wo der Fehler ist. Was soll ich machen?

Answer 1

Versuchen Sie, diese Struktur zu tun:

export class OrderslistComponent { 
    newsList; 
    errorMessage; 

    constructor(private anutenteservice: AnUtenteService) { 
     this.anutenteservice.getFiles.subscribe((data) => { 
       this.newsList = data; 
      } 
     ); 
    } 

    ngOnInit() { 
    }  
} 

Und Http zu Ihrem Service-Klasse hinzufügen. Fügen Sie diese auf Ihre Serviceklasse:

constructor(private http: Http) { 
} 

Update 1:

Versuchen Sie, die Art zu ändern, hier:

private extractData(res: Response) { 
     let body = res.text(); 
     return body.data || { }; 
    } 

Wenn Ihr Antworttyp ist kein JSON.