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

时间:2017-12-20 07:03:52

标签: javascript angular angular2-forms angular2-filtering

我有一系列车辆对象。我有不同车型的标签,例如。 2轮车,4轮车等。虽然添加车辆到集合我添加其类型,所以我的对象看起来像这样。

self.backgroundColor = UIColor.black

现在我正在从服务器检索所有车辆,并希望根据类型在前端添加过滤器。如何为不同的标签添加过滤器?

2 个答案:

答案 0 :(得分: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);
    }
}

答案 1 :(得分:1)

尝试下面的代码

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