Estoy tratando de emular lo que en AngularJS es OrderBy.

Dado este este tipo de matriz. Necesito filtrar los autos por car_category.

 [ { "car_category": 3, "name": "Fusion", "year": "2010" }, { "car_category": 2, "name": "Mustang", "year": "2010" }, { "car_category": 3, "name": "Fiesta", "year": "2010" }, ]

Así es como se ve mi código hasta ahora

coche.componente.html

 <div *ngIf="products"> <ul *ngFor="let product of products | filterBy: car_category"> <li>{{car.name}}</li> </ul> </div>

coche.componente.ts

 import { Component, OnInit } from '@angular/core'; import { CarService } from '../car.service'; import { ICars } from '../ICars'; import { FilterByPipe } from '../filter-by.pipe'; @Component({ selector: 'app-home-page', templateUrl: './car.component.html', styleUrls: ['./car.component.css'] }) export class CarComponent implements OnInit { cars: Array<ICars>; errorMessage: string; filteredCars: any; car_category= 3; constructor(private _carService: CarService) { } ngOnInit() { this._carService.getCars() .subscribe( cars => this.cars = cars, error => this.errorMessage = error ); } }

filet-by.pipe.ts

 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'filterBy' }) export class FilterByPipe implements PipeTransform { transform(value, args) { if (!args[0]) { return value; } else if (value) { return value.filter(item => { // tslint:disable-next-line:prefer-const for (let key in item) { if ((typeof item[key] === 'string' || item[key] instanceof String) && (item[key].indexOf(args[0]) !== -1)) { return true; } } }); } } }

¿Cómo se debe refactorizar mi tubería?

ACTUALIZAR así es como se ve mi tubería en este momento. Tenga en cuenta que el automóvil es un número y el año se muestra como una cadena

 import { Pipe, PipeTransform } from '@angular/core'; @Pipe({ name: 'filterBy' }) export class FilterByPipe implements PipeTransform { transform(value, args) { if (!args[0]) { return value; } else if (value) { return value.filter(item => { // tslint:disable-next-line:prefer-const for (let key in item) { if ((typeof item[key] === 'number' || item[key] instanceof Number) && (item[key].indexOf(args[0]) !== -1)) { return true; } } }); } } }