Angular2 ngFor - überspringen, wenn kein Wert

Question

ich dieses json bezwecken:

data = { 

    "name": "somename", 
    "items": [ 
    { 
     "title": "Item 1", 
     "description": "Some description for item1" 
    }, 
    { 
     "title": "Item 2", 
     "" 
    }, 
    { 
     "title": "Item 3", 
     "description": "Some description for item3" 
    } 
    ] 
} 

Was wäre der empfohlene Weg sein, mit RC2, zu * ngFor und nur Artikel angezeigt werden, die eine Beschreibung?

Html Vorlage:

<li *ngFor="let item of data.items" class="item"> 
     <div>{{item.title}}</div> 
     <div>{{item.description}}</div> 
</li> 

Answer 1

ein *ngIf auf dem sich wiederholendes Element hinzufügen und überprüfen Sie mit einem falsy davon abhängig length Eigenschaft wie folgt:

<ul> 
    <template ngFor let-item [ngForOf]="data.items"> 
     <li class="item" *ngIf="item?.description?.length"> 
      <div>{{item.title}}</div> 
      <div>{{item.description}}</div> 
     </li> 
    </template> 
</ul> 

Sie können nicht auf den item Variable aus die *ngFor in der *ngIf auf dem gleichen Element, deshalb müssen Sie einen template Tag hinzufügen, die li einkapseln.

---

Arbeiten Plunker zum Beispiel Nutzung