Search code examples
angulartypescriptangular2-templateangular2-forms

Angular 2 store piped value in variable


I have a pipe called search and I items I want to store the returned piped value in avariable like this (In my template)

let searchedItems = items | search

any ideas?


Solution

  • Assuming you are inside a component you can instantiate a new pipe and apply its transformation inline like so:

    let searchedItems = new SearchPipe().transform(items);
    

    In addition, you can take advantage of Angular2's injection system:

    import { SearchPipe} from './pipes';
    
    class SearchService {
    
        constructor(private searchPipe: SearchPipe) {
    
        }
    
        public searchItems(items: any[]): any[]{
            let searchedItems = this.searchPipe.transform(items);
    
            return searchedItems;
        }
    }