<div class="prod-div results" *ngIf="product.name.indexOf(searchProd$ | async |lowercase) !== -1 || product.details.indexOf(searchProd$ | async |lowercase) !== -1">

Y quiero mostrar esto

 {{ searchCount() }} search results for "{{ searchProd$ | async }}"

Usé este código:

 searchCount() { let num = document.getElementsByClassName('results'); console.log (num.length); return num.length; }

El problema es que no se actualiza dinámicamente, digamos que los resultados deberían ser 6 para 'a', muestra 0 y solo se actualiza a 6 si hago clic en la pantalla o escribo otra tecla.

EDITAR: Recibo este error core.js:6486 ERROR Error: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression ha cambiado después de que se verificó. Valor anterior: '0'. Valor actual: '6'