Estoy desarrollando un sitio web médico , quiero mostrar una alerta en la página de medicment.component.HTML cuando la cantidad de medicamentos sea < 50 . Hice esto :
<span *ngFor="let medicament of medicaments" > <span *ngIf="{{medicament.quantity}} < 50"> <div class="callout callout-danger lead"> <h4>Alert!</h4> <p>Vous devez charger le stock de medicaments {{medicament.nom}} de type {{medicament.type}} </p> </div> </span></span>Pero no sé por qué no funciona, el error es:
> Unhandled Promise rejection: Template parse errors: TypeError: Cannot read property 'toUpperCase' of undefined ("<span *ngIf="medicaments"> <span *ngFor="let medicament of medicaments" > <span [ERROR ->]*ngIf="{{medicament.quantity}} < 50"> <div class="callout callout-danger lead"> "): MedicamentComponent@26:18 Can't bind to '*ngIf' since it isn't a known property of 'span'. ("<span *ngIf="medicaments"> <span *ngFor="let medicament of medicaments" > <span [ERROR ->]*ngIf="{{medicament.quantity}} < 50"> <div class="callout callout-danger lead"> "): MedicamentComponent@26:18No debe usar la interpolación {{ }} en ngIf; espera una expresión:
<span *ngIf="medicament.quantity < 50">ngIf ya está en el contexto angular, lo que significa que debe eliminar los corchetes {{}}
Aquí en sus registros puede ver el punto de error:
<span [ERROR ->]*ngIf="{{medicament.quantity}} < 50">y es porque está usando una expresión en una propiedad donde no debería. Solo necesita usar la propiedad que está comparando:
<span *ngIf="medicament.quantity < 50">