Filter items by the name. Based on Net Ninja Tutorial

Fiter items by name ANG2.ts

//inside template
<label>Filtruj po rasie</label>
        <input type="text" name="filter" [(ngModel)]="term"/>
      </form>

      <div
        *ngFor="let dog of dogs | filter:term;
            let i = index"
            class="puppy-wrapper"
            (click)="onSelect(dog)"
            >

//inside filter.pipe.ts (you can generate it with angular cli
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'filter'
})
export class FilterPipe implements PipeTransform {

  transform(dogs: any, term: any): any {
    // check if search term is undefined
    if (term === undefined) {
      return dogs;
    } else {
      return dogs.filter(function(dog){
        return dog.name.toLowerCase().includes(term.toLowerCase());
      });
    }
  }
}