Searching in multiple columns angular2

Question

I am using a textarea for searching a table, all in an angular2 application with bootstrap.

My code was searching in one column, now I want the search term to be looked up across two columns, and the user will see all the matched table rows highlighted.

HTML:

<input class="form-control" id="search" [(ngModel)]="searchString" type="text" placeholder="Search by Book ID.." style="float:right;"
  value="">

<tr *ngFor="let books of bookDetails |jobsearch:{ bookId: searchString} : false | paginate: { itemsPerPage: 50, currentPage: p };">

The other column that I want to be searched is 'bookName'.

What is the «jobsearch» pipe? You could just write a custom pipe that filters based on your logic — Kim Raaness
– Kim Raaness, Commented Feb 7, 2018 at 8:04
this link may help you: stackoverflow.com/questions/41672578/… — Saeed
– Saeed, Commented Feb 7, 2018 at 8:56

Kim Raaness · Accepted Answer · 2018-02-07 09:16:39Z

0

Custom pipe example:

@Pipe({
    name: 'booksearch'
})
export class BookSearchPipe implements PipeTransform {
    transform(items: Array<any>, filter: {[key: string]: any }): Array<any> {
        return items.filter(item => {
            let noMatch = Object.keys(filter)
            .find(key => item[key] !== filter[key]);

            return !noMatch;
        });
    }
}

Usage:

<tr *ngFor="let books of bookDetails |booksearch:{ bookId: searchString, bookname: searchString }”>

answered Feb 7, 2018 at 9:16

Kim Raaness

4523 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Searching in multiple columns angular2

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related