2017-10-18 3 views
0

Ich bin ein Anfänger zu eckig 2 und nicht zu verstehen, wie eine andere div angezeigt wird, wenn die Liste leer ist.Ich habe geschrieben und ngIf, um zu prüfen, ob Daten existieren.Such online und alle Ergebnisse bitten mich, die Länge zu überprüfen oder zu verwenden! Symbol, aber es funktioniert nicht. Unten ist mein GitHub des Projekts und darunter ist das JSON-Ergebnis, das ich auch leeren Zustand der Liste zeigen möchte.Kann nicht verschiedene div zeigen, wenn die Daten leer sind

Git

Json Ausgang

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

Ich hatte erwartet, eine Nachricht zu zeigen, genannt keine Daten in List-Komponente

+0

können Sie Ihren Code mit * ngIf veröffentlichen, wird einfacher zu beantworten sein! – JayDeeEss

+0

iproducts: IEmail []; ist falsch, denke ich, weil Sie Array Init nicht speichern, sondern JSON –

Antwort

1

Da Ihr json ein Null anstelle eines leeren String zurückgibt, Sie sollte in der Lage sein, einfach eine ngIf-Prüfung an diesem Datenpunkt durchzuführen

<!-- 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> 
Verwandte Themen