implementar un buscador en tiempo real en un ngFor

[Beginner Web]

quiero tener una caja de texto que filtre una tabla que usa un ngfor

ni idea como se hace, estaba usando un script y se que usa keyup event que eslo q uso en en .net pero ahi se llama keypressevent ahi es mas facild e implementar porque recargo el dgw con una nueva consulta aca no se como cabmiarla, si alguien me ayuda como debo o hacer o con documentacion precisa no se gracias

Código (html4strict) [Seleccionar] Expandir

<!-- BOTON AGREGAR, abre un modal y ahi lo agregaga-->
 <div class="row">
   <button type="button" class="btn btn-primary" (click)="agregar(modal)"><i class="fa fa-plus"></i>
     Agregar</button>

 </div>
 <div class="row">
   <div class="col-md-8">
<!-- CAJA DE TEXTO BUSCAR x apellido -->
     <input id="ftitulo" name="titulo" type="text" placeholder="Buscar por apellido" class="form-control left-align">
   </div>
   <span class="col-md-1"><i class="fa fa-search bigicon"></i></span>
 </div>


 <!-- TABLA ngfor -->
 <div class="row">
   <div class="table-responsive">
     <table class="table table-hover">
       <thead class="thead-dark">
         <tr>
           <th scope="col">ID</th>
           <th scope="col">APELLIDO</th>
           <th scope="col">NOMBRES</th>

           <th scope="col">ACCION</th>
         </tr>
       </thead>
       <tbody>
         <tr *ngFor="let mutante of mutantes; ; let i = index" [attr.data-index]="i">
           <th scope="row">{{mutante._id}}</th>
           <td>{{mutante.apellido}}</td>
           <td>{{mutante.nombres}}</td>
           <td>
             <!-- MODIFICAR PARA QUE SALGA UNA MODAL PARA CONFIRMAR ELIMINACION-->
             <button class="btn btn-primary" (click)="borrar(mutante)">Borrar</button>
             <button class="btn btn-primary" (click)="modificar(mutante, modal2)">Modificar</button>
           </td>
         </tr>
       </tbody>
     </table>
   </div>

por ahi tengo algo demas o de menos rimrod  a yov em ay eñeus mucho ognet  perdon