ng2 search filter

Pipa Filter Pencarian Angular 2 / Angular 4 / Angular 5

Filter item pencarian

Filter sudut 2 untuk membuat pencarian khusus. Bekerja dengan Angular 4 dan Angular 5 juga.

Memasang

 npm i ng2-search-filter --save

 yarn add ng2-search-filter 

Penggunaan

Jika Anda menggunakan systemjs - lihat konfigurasi di sini.

Impor Ng2SearchPipeModule ke modul Anda

 import { NgModule } from '@angular/core' ;
import { BrowserModule  } from '@angular/platform-browser' ;
import { AppComponent } from './app' ;

import { Ng2SearchPipeModule } from 'ng2-search-filter' ;

@ NgModule ( {
  imports : [ BrowserModule , Ng2SearchPipeModule ] ,
  declarations : [ AppComponent ] ,
  bootstrap : [ AppComponent ]
} )
export class AppModule { }

Dan gunakan pipa di komponen Anda setelah mendeklarasikan dan menginisialisasinya di komponen Anda:

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

@ Component ( {
  selector : 'example-app' ,
  template : `
    <div>
        <input type="text" [(ngModel)]="term">
        <div *ngFor = "let item of items |filter:term" >
          <p>
            {{item.name}}
          </p>
        </div>

    </div>  
  `
} )

export class AppComponent {
  items : string [ ] = [ { name : "archie" } , { name : "jake" } , { name : "richard" } ] ;
  term = '' ;
} 

Mendukung filter pencarian ng2

ng2-search-filter sepenuhnya gratis dan bersumber terbuka. Jika dirasa bermanfaat, Anda dapat menunjukkan dukungan Anda dengan ? atau membagikannya di jejaring sosial Anda.

Menyumbang

Tolong lakukan?

Lisensi

MIT © Solodinamo