Search pipe filter does not update changes to my template

Question

I own the following search pipe filter:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'search'
})
export class SearchPipe implements PipeTransform {
  transform(items: any[], field: string, value: string): any[] {
    if (!items) {
        return [];
    }
    if (!field || !value) {
        return items;
    }

    return items.filter(singleItem =>
        singleItem[field].toLowerCase().includes(value.toLowerCase())
    )}
}

Input:

<input placeholder="Nome do produto" [(ngModel)]="anunciosFiltro.name" type="text" name="filtra" id="filtra">

And then I have the table with the data being filtered:

 <table>
  <tr *ngFor="let anuncio of tabelaAnuncioContas.Anuncio.products | search: 'name' : anunciosFiltro.name; let i = index">

                        <td>

                          <svg class="componenteTabelaResponsivo" matTooltip="Anúncio ativo" *ngIf="anuncio.status == 'enabled' && anuncio.associations[0].status == 'linked'" style="width:24px;height:24px" viewBox="0 0 24 24">
                            <path fill="rgb(161,196,66)" d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2Z" />
                          </svg>

                        </td>

  </tr>

It is filtering normally, but there is a moment when my table data is changed, and if the pipe filter is filtered something, the filtered table data does not receive the changes made to the function, I tried:

alteraDadoTabela(){   
 this.sortedData.Contas[this.indexContaAlterada].Anuncio.products[this.indexAnuncioAlterado].status = status;
}

Change to template only when pipe filter is not used.

Answer 1

I was able to resolve the changes in the template using Pure:false

@Pipe({
  name: 'search',
  pure: false,
})

https://angular.io/guide/pipes