ดาวน์โหลด ng2 search filter - ดาวน์โหลด ng2 search filter ซอร์สโค้ด

ng2 search filter

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

ไปป์ตัวกรองการค้นหาเชิงมุม 2 / เชิงมุม 4 / เชิงมุม 5

กรองรายการค้นหา

ตัวกรองเชิงมุม 2 เพื่อทำการค้นหาแบบกำหนดเอง ทำงานร่วมกับ Angular 4 และ Angular 5 ได้เช่นกัน

ติดตั้ง

 npm i ng2-search-filter --save

 yarn add ng2-search-filter

การใช้งาน

ในกรณีที่คุณใช้ systemjs - ดูการกำหนดค่าที่นี่

นำเข้า Ng2SearchPipeModule ไปยังโมดูลของคุณ

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

และใช้ไปป์ในส่วนประกอบของคุณหลังจากประกาศและเริ่มต้นในส่วนประกอบของคุณ:

 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 = '' ;
}