Angular2，使用兩個輸入來過濾數據

我在這個小項目上遇到了麻煩。我想在我的html兩個輸入，他們必須從數據庫中過濾一些數據。我管理一個過濾器（它的工作原理），但我不知道如何做第二個過濾器。（我很抱歉在我的文件中沒有使用英文，我希望它不會打擾你）。這裏是我的了：Angular2，使用兩個輸入來過濾數據

HTML文件

<div class="container"> 
    <form class="navbar-form navbar-left" role="search"> 
     <div class="form-group"> 
      <input type="text" class="form-control" placeholder="Broj Kreveta" [(ngModel)]="broj_kreveta"> 
      <input type="text" class="form-control" placeholder="Broj Kvadrata" [(ngModel)]="broj_kvadrata"> 
     </div> 
    </form> 
    <div class="col-lg-12"> 
     <br/>Rooms<br/> <br/> 
     <div *ngFor="#soba of sobe | SearchPipe:broj_kreveta"> 
      ID room: {{soba.id}} 
      <br/> 
      Category: {{soba.kategorija}} 
      <br/> 
      Room number: {{soba.broj_sobe}} 
      <br/> 
      Number of beds: {{soba.broj_kreveta}} 
      <br/> 
      sqm: {{soba.broj_kvadrata}} 
      <br/><br/> 
     </div> 
    </div> 
</div>

search.ts

import {Pipe} from 'angular2/core'; 

@Pipe({ 
    name: 'SearchPipe' 
}) 

export class SearchPipe { 
    transform (value, [queryString]) { 
     if (value == null) { 
      return null; 
     } 
     console.log('transform'); 
     return value.filter(item=>item.broj_kreveta.toLowerCase().indexOf(queryString.toLowerCase()) !== -1); 
    } 
}

來源

2016-07-23 kuki

你可以在你的展位管參數：

{{ myData | myPipe: arg1:arg2:arg3... }}

和管道定義：

export class MyPipe implements PipeTransform {  
    transform(value:any, arg1:any, arg2:any, arg3:any):any { 
    }

來源

2016-07-23 13:23:58 AngJobs

Angular2，使用兩個輸入來過濾數據

回答

相關問題