Angular2：过滤器管道：无法读取未定义的属性'filter'

Question

我一直在尝试为我的项目构建一个过滤器管道，它通过字符串数组进行过滤。它正在工作，但仍然出现错误。我想知道这是为什么？我还想问是否有办法使过滤器更通用，以便我可以将其用于其他字符串。

这是管道：

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');
    }
}

我的 HTML 仅用于测试，但它在这里：

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

我还添加了一个图像，以便您可以看到，它正在工作，但我收到错误。错误

编辑：通用搜索管道：

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

您可以在管道中添加此检查：

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

所以你摆脱了中断性异常

Answer 2

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
   name: 'filterbytag'
 })
export class FilterbytagPipe implements PipeTransform {
transform(items: any[], searchText: string): any[] {
if (!items) return [];
if (!searchText) return items;
searchText = searchText.toLowerCase();
  return items.filter(it => {
  return it.toLowerCase().includes(searchText);
  });
}
}