Angular2: FilterPipe: Impossible de lire la propriété 'filter' de undefined

Question

J'ai essayé de construire un filtre Pipe pour mon projet, qui filtre à travers un tableau de chaînes. Cela fonctionne, mais je reçois toujours une erreur. Je me demande pourquoi c'est? Je voudrais également demander s'il y a un moyen de rendre le filtre plus universel afin que je puisse l'utiliser pour d'autres chaînes.

Voici le tuyau:

import { Pipe, PipeTransform } from '@angular/core'; 
import {Afdelingen} from "../models"; 

@Pipe({ 
    name: 'filter' 
}) 
export class FilterPipe implements PipeTransform { 

    transform(afdeling:Afdelingen[]) { 
    return afdeling.filter(afd => afd.afdelingsNaam == 'pediatrie'); 
    } 
} 

Mon HTML était juste pour le test, mais ici il va:

<div *ngFor="let afd of afdeling | filter"> 
    {{afd.afdelingsNaam}} 

</div> 

J'ai aussi ajouté une image de sorte que vous pouvez le voir, il fonctionne, Pourtant, je reçois une erreur. Error

EDIT: tube de recherche universelle:

import { Pipe, PipeTransform } from '@angular/core'; 
import {Afdelingen} from "../models"; 

@Pipe({ 
    name: 'filter' 
}) 
export class FilterPipe implements PipeTransform { 

    transform(afdeling:Afdelingen[], value:string) { 
    if (!afdeling) 
     return afdeling; 
    return afdeling.filter(afd => afd.afdelingsNaam == value); 
    } 
} 

Answer 1

Vous pouvez ajouter cette vérification dans votre pipe:

transform(afdeling:Afdelingen[]) { 
    if (!afdeling) 
     return afdeling; 
    return afdeling.filter(afd => afd.afdelingsNaam == 'pediatrie'); 
} 

Alors vous vous débarrasser de casser des exceptions