1

В инпут ввожу строку и фильтрую по имени в таблице. Код рабочий!

<input type="text" name="searchString" [(ngModel)]="searchString" />
<table>
<tr *ngFor="let client of clients | filter: searchString">
    <td>{{client.id}}</td>
    <td>{{client.name}}</td>
    <td>{{client.surname}}</td>
    <td>{{client.city}}</td>
    <td>{{client.street}}</td>
    <td>{{client.housenumber}}</td>
    <td>{{client.apartment}}</td> 
    <td ><ul *ngFor='let phone of client.phones'>{{phone.phoneNumber}}</ul><br /></td> 
    <td><button type="button" (click)="loadTask(client.id)">View Task</button></td>
</tr>

Код в pipe такой:

export class FilterPipe implements PipeTransform {
transform(clients: any[], searchString: any): any  {        
    console.log('searchString', searchString);
    return searchString
        ? clients.filter(client => client.name.toLowerCase().indexOf(searchString) !== -1)
        : clients;
};
}

Как изменить pipe, чтобы фильтровалось по двум столбцам? Например, по name и surname

3
  • А кто написал код для FilterPipe? 5 окт 2017 в 4:52
  • @Stepan Kasyanenko Я на примере туториалов 5 окт 2017 в 7:37
  • 1
    если надо фильтровать по двум полям - фильтруй по двум, можешь два раза filter вызывать, можешь в одной функции проверить что условие выполняется или для одного поля или для другого
    – Grundy
    5 окт 2017 в 10:56

1 ответ 1

-1

Довавив (client.name + client.city) решило мою проблему

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.