ng2 search filter下載 - ng2 search filter原始碼下載

ng2 search filter

其他源碼

1.0.0

下載

Angular 2 / Angular 4 / Angular 5 搜尋過濾管

過濾搜尋項目

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