Wie zu verstecken, HTML-template, wenn ein variabler Wert ist undedfined/null?

Habe ich verwendet ngFor zum anzeigen meiner Daten. Und ich ausblenden möchten ein div-Element, wenn der Wert der Variablen aus ngFor ist leer/nicht definiert. Mein code ist unten. Kann jemand helfen.

<li *ngFor="let parcel of dataSource;">

   <span hidden="parcel.ID==''">{{parcel.refrence }}</span>
</li>
  • auch die syntax für versteckt ist [hidden]
InformationsquelleAutor Green Computers | 2017-03-23
  1. 5

    Verwenden *ngIf seit Ihr parcelID undefiniert ist Ihr Zustand sein sollte *ngIf="parcel.ID"

    <li *ngFor="let parcel of dataSource;">
   <span *ngIf="parcel.ID">{{parcel.refrence }}</span>
</li>
    • Ist es nicht möglich thru [verborgen]
    • Es ist möglich, aber *ngIf entfernen <div> aus dem dom in der Erwägung, dass [hidden] wird, fügen Sie einfach einen CSS-Stil : display : none zu.
    • Ihre obige code zeigt die Spannweite, wenn Paket.ID leer ist, richtig?
    • Winkel.io/docs/ts/latest/guide/...
    • Ich habe versucht mit *ngIf=" - Paket.ID!="". Bu tit funktioniert nicht.
    • Nein.. @GreenComputers der entscheidende Unterschied ist ngIf entfernt den gesamten Teil des DOM
    • Ist Ihr Paket.ID ein leerer string ist oder es undefiniert ?
    • Es ist nicht definiert.
    • Sollten Sie verwenden *ngIf="parcel.ID" dann.

    InformationsquelleAutor YounesM
  2. 0

    verwenden Sie diese code -

    <li *ngFor="let parcel of dataSource;">
   <span [hidden]="parcel.ID !== ''">{{parcel.refrence }}</span>
</li>

    oder

    <li *ngFor="let parcel of dataSource;">
   <span *ngIf="parcel.ID == ''">{{parcel.refrence }}</span>
</li>

    die syntax versteckt wird [hidden]

    • In beiden Fällen span ausgeblendet/nicht angezeigt. aber, li Platzhalter wird immer da sein. Also, Sie lösen nicht das eigentliche Problem.
    InformationsquelleAutor Pardeep Jain
Schreibe einen Kommentar