Tapuscrit Cartographie des valeurs dans le modèle type

Question

J'ai le service suivant:

import { Component } from '@angular/core'; 
import { ApiService } from './shared/api.service'; 
import {PowerPlant} from './shared/models/powerplant.model'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    powerPlants: PowerPlant[]; 

    constructor(private apiService: ApiService) { 
    } 

    allPowerPlants(onlyActive: boolean = false, page: number = 1): void { 
    const path = `$/powerPlants?onlyActive${onlyActive}&page${page}`; 
    this.apiService.get(path).map() // TODO: parse and set the JSON to my model 
    } 
} 

Dans la méthode get du apiService, c'est ce que je fais:

get(path: string, params: URLSearchParams = new URLSearchParams()): Observable<any> { 
    return this.http.get(`${environment.api_url}${path}`, { headers: this.setHeaders(), search: params }) 
     .catch(this.formatErrors) 
     .map((res: Response) => res.json()); 
    } 

Je voudrais donc analyser ce Json array, s'il y a des erreurs dans l'un des éléments du tableau, je voudrais l'ignorer et remplir le tableau powerPlant pour les autres qui sont valides! Des pointeurs?

EDIT: J'ai essayé la suggestion comme mentionné par le poste ci-dessous et je reçois une erreur comme le montre la capture d'écran:

Pourquoi est-ce? Est-ce que se plaindre que PowerPlant est une interface et j'ai besoin de fournir des valeurs pour les propriétés lorsque je crée une nouvelle instance de celui-ci?

Answer 1

En supposant que votre service API renvoie un tableau d'objets, qui peut être considéré comme PowerPlant objet, voici ce que vous pouvez faire.

powerPlants: PowerPlant[] = []; //initialize the array. 

allPowerPlants(onlyActive: boolean = false, page: number = 1): void { 
    const self = this; 
    const path = `$/powerPlants?onlyActive${onlyActive}&page${page}`; 
    this.apiService.get(path).subscribe(
     powerplants:any[] => { 
      powerplants.forEach(item=>{ 
       if(isPowerPlant(item)){ 
        // cast the item as PowerPlant 
        self.powerPlants.push(item as PowerPlant); 
       } 
      }); 
     }, 
     err=> { 
      // handle error 
     }); 
} 

// define the type guard 
isPowerPlant(item:any):item is PowerPlant { 
    // check for the required properties of PowerPlant here and return true/false. 
    // example: 
    return item["powerplantProp1"] && item["powerplantProp2"]; 
} 

De plus, si votre service api est pas générique, vous pouvez choisir de revenir Observable<PowerPlant[]> de la méthode get au lieu de Observable<any>. Pour ce faire, vous pouvez utiliser (res: Response) => res.json() as PowerPlant[]. Cependant, ceci est juste pour le but de dactylographie.

Références:

1. https://scotch.io/tutorials/angular-2-http-requests-with-observables
2. https://basarat.gitbooks.io/typescript/docs/types/typeGuard.html

Hope this helps.