角度2のカスタム検索

Question

詳細

私は角度2で検索を実装しようとしていますが、私はそれを行う方法がありません。私は既に別のチュートリアルに行きますが、それらはすべて私の場合に適合しません。私は名前/メールでユーザーを検索したいユーザーが表示されているテーブルを持っています。私にこれを行う方法と実装された解決方法を教えてください。

画像

Answer 1

ここで私は、検索パイプ用コード

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


@Pipe({ 
    name: "search" 
}) 

export class SearchPipe { 

    transform(value, term) { 
     console.log(term + ' ' + value); 
     if (term == null) { 
      return null; 
     } 
     return value.filter((item) => item.Email.includes(term)); 
    } 
} 

Answer 2

を書くあなたがに応じてパイプを更新することができ、例えば、以下の

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({ 
    name: 'FilterPipe', 
}) 

export class FilterPipe implements PipeTransform { 

transform(value: any, input: string) { 
    if (input) { 
    input = input.toLowerCase(); 
    return value.filter(function (el: any) { 
    return el.name.toLowerCase().indexOf(input) > -1 || 
    el.email.toLowerCase().indexOf(input) > -1; 
    }) 
    } 
    return value; 
} 
} 

のようなシンプルなパイプを作成します。あなたの要望。

More info