Tengo esto dentro de mi código:
<div *ngIf="(listCount$| async) > 0 ">pero no pasará la canalización porque dice
Object is possibly 'null' or 'undefined'.en el archivo ts:
readonly listCount$ = new BehaviorSubject<number | undefined>(undefined);¿Alguna ayuda, puedo hacer esto en una línea?
Es una operación asíncrona que puede dar como resultado un valor indefinido, por eso está recibiendo el error. Proporcione un valor predeterminado en caso de que no esté definido en la condición de su plantilla.
<div *ngIf="((listCount$| async) ?? 0) > 0 "> O configure los strictNullChecks en falso en su archivo tsconfig.json .
"strictNullChecks": falseDemostración: - https://stackblitz.com/edit/angular-ivy-kheete?file=src%2Fapp%2Fapp.component.html
Puede usar la sintaxis as para una sintaxis limpia que le permitirá usar listCount como una variable. esta variable se evaluará como una condición para un argumento de verdad/falso, por lo que (0, indefinido, nulo, '', NaN) se evaluará como falso.
<div *ngIf="(listCount$ | async) as listCount;">hello</div>