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

Question

我有一系列的车辆对象。 我有不同车辆类型的标签，例如。 2轮，4轮等。在将车辆添加到集合中时，我正在添加其类型，因此我的对象看起来像这样。

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

Answer 2

尝试像下面的代码

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


datavehicle = [];


ngOnInit() {
   let vihicledata= this.vehicles[0];
   var array = Object.keys(vihicledata).map(function(k) {
     return vihicledata[k]
   });

    for(let i =0 ;i < array.length;i++){
      if(array[i].type == "4-wheeler"){
        this.datavehicle.push(array[i]);
      }
    }
    console.log('vehicle=>',this.datavehicle)
}