Angular 2+ - check if Pipe returns an empty subset of original list

Question

I have a list of strings that I want to iterate through, but I want to be able to filter them using a search term. Like this:

Answer 1

This is my code which modified a bit from @Günter Zöchbauer

    
No item found
    
    

        {{ item }}
    

Pipe code

@Pipe({
  name: 'FilterItem'
})
export class FilterItem {

  transform(list, args?) {
       let result = ...; 
       if ( result && result.length > 0 ){
          return [ result ];
       }else{
          return [ -1 ];
       }
  }
}