update

src/app/filter-pokemon--pipe.pipe.ts

@@ -5,8 +5,17 @@ import { Pipe, PipeTransform } from '@angular/core';
 })
 export class FilterPokemonPipePipe implements PipeTransform {
 
-  transform(value: unknown, ...args: unknown[]): unknown {
-    return null;
+  transform(pokes: any[], property?: string, searchString?: string): any {
+    if(typeof searchString == 'undefined'){
+      return pokes;
+    }
+    else if (typeof pokes !== 'undefined' && typeof property !== 'undefined') {
+      return pokes.filter((poke) => {
+        return poke[property].toLowerCase().indexOf(searchString.toLowerCase()) !== -1;
+      });
+    } else {
+      return [];
+    }
   }
 
 }

src/app/my-component/my-component.component.html

@@ -4,10 +4,14 @@
 
 <BR>
 id : {{id}}
-
+<BR>
+    <input [(ngModel)]="searchPokeName">
+    <BR>
 
 <select [(ngModel)]="selectedPokeId">
-    <option [value]="poke.id" *ngFor="let poke of pokes"> {{poke.name}}</option>
+    <option [value]="poke.id"
+    *ngFor="let poke of pokes | filterPokemonPipe:'name':searchPokeName">
+    {{poke.name}}</option>
 </select>
 <ul>
     <li *ngFor="let poke of pokes; index as i">{{poke.name}}</li>

src/app/my-component/my-component.component.ts

@@ -10,6 +10,7 @@ import { Pokemon } from '../pokemon';
 export class MyComponentComponent {
   id: string;
   selectedPokeId : string;
+  searchPokeName: string;
 
   pokes : Pokemon[] = [];