convertir filtre js1.x angulaire tuyaux de anguleuses 2.0

Question

je dois convertir le filtre 1.x angulaire à des tuyaux angulaires 2.0 s'il vous plaît aidez-moi à, ci-dessous est mon code de filtre angulaire 1.x js

$scope.selectname1={};  
    $scope.selectname2={};  
    $scope.selectname3={}; 

    $scope.filter1 = function(item){ 
     return (!($scope.selectname1&&$scope.selectname1.id)||item.id !=$scope.selectname1.id); 
    }; 

    $scope.filter2 = function(item){ 
     return (!($scope.selectname2&&$scope.selectname2.id)||item.id!=$scope.selectname2.id); 
    }; 
    $scope.filter3 = function(item){ 
     return (!($scope.selectname3&&$scope.selectname3.id)||item.id !=$scope.selectname3.id); 
    }; 

Answer 1

Créer tuyau classe

import { Pipe, PipeTransform } from '@angular/core'; 
@Pipe({name: 'filter1'}) 
export class ExponentialStrengthPipe implements PipeTransform { 
    transform(value: number, exponent: string): number { 
    return exponent; // do something with your vallue 
    } 
} 

Après cela dans votre add composant et inclure tuyau

import { Component } from '@angular/core'; 

import { ExponentialStrengthPipe } from './exponential-strength.pipe'; 

    @Component({ 
     selector: 'power-booster', 
     template: ` 
     <h2>Power Booster</h2> 
     <p>Super power boost: {{2 | filter1}}</p> 
     `, 
     pipes: [ExponentialStrengthPipe] 
    }) 
    export class PowerBoosterComponent { }