Angular 2 run Schnittstelle während http erhalten

Question

Ich habe herausgefunden, wie man ein JSON-Objekt von http bekommen und Liste die Ergebnisse über * ngFor.

Was ich nicht herausfinden kann, ist, wie man eine Schnittstelle dagegen laufen lässt. Meine Interface-Datei ist hier:

import {Offer} from './offer'; 

und ich habe meine http bekommen Anfrage hier:

constructor(private _httpService: HTTPTestService) { } 

offers: ""; 

onTestGet() { 
    this._httpService.getOffers() 
     .subscribe(
     data => { this.offers = data.offers; }, 
    error => alert(error), 
    () => console.log("Finished") 
    ); 
} 

Aber wie führe ich das „Angebot“ Schnittstelle hinter dem Objekt, das ich zurück?

Answer 1

Sie müssen vorsichtig mit Schnittstellen in TypeScript sein. Schnittstellen dienen nur zur Design- und Typprüfung, sind aber zur Laufzeit nicht vorhanden.

Sie können ein Array mit Offer für Angebote definieren und die erhaltenen Daten in Offer[] umwandeln. Aber jedes Element ist nicht vom Typ Offer. Dies ermöglicht es, die Struktur von Objekten während der Kompilierung zu überprüfen ...

ist hier ein Beispiel:

constructor(private _httpService: HTTPTestService) { } 

offers: Offer[]; // <---- 

onTestGet() { 
    this._httpService.getOffers() 
    .subscribe(
     data => { this.offers = <Offer[]>data.offers; }, // <---- 
     error => alert(error), 
    () => console.log("Finished") 
    ); 
}