Impossible de montrer div différent si les données sont vides

Question

Je suis un débutant à angulaire 2 et incapable de comprendre comment afficher une div différente si la liste est vide.J'ai écrit et ngIf pour vérifier si les données existent.Recherche en ligne et tous les résultats me demandent de vérifier la longueur ou l'utilisation! symbole mais cela ne fonctionne pas. Ci-dessous est mon github du projet et ci-dessous c'est le résultat json que je veux montrer la condition vide aussi.

Git

Json sortie

{"status_message":"Success","status_code":"0","Registers":null} 

Je me attendais à montrer un message appelé pas de données dans la liste des composants

Answer 1

Étant donné que votre JSON retourne une valeur nulle au lieu d'une chaîne vide, vous devrait être capable de faire simplement une vérification ngIf sur ce point de données

<!-- list.component.html --> 
<tbody> 
    <tr *ngFor='let lst of iproducts.Registers'> 
    ... 
    </tr> 
    <tr *ngIf='!iproducts.Registers'> 
     <td colspan="3">No List Data Found</td> 
    </tr> 
</tbody>