javascript - Angular2 - 根据对象属性的值过滤对象数组

Question

我有一系列车辆对象。我有不同车辆类型的选项卡，例如。两轮车、四轮车等。在将车辆添加到集合中时，我添加了其类型，因此我的对象看起来像这样。

vehicles:[{
  key1:{ name: "Altima",type:"4-wheeler" },
  key2:{ name: "Harley",type:"2-wheeler" },
  key3:{ name: "Jeep",type:"4-wheeler" },
}]

现在我正在从服务器检索所有车辆，并希望根据类型在前端添加过滤器。如何为不同的选项卡添加过滤器？

Answer 1

您可以使用 array.filter 实现管道并按如下方式使用它，

export class MyFilter implements PipeTransform {

    transform(items: any[], term: any[]): any {
      if (!term) 
        return items;
      return items.filter(item => item.prefix.indexOf(term) > -1);
    }
}