Angular2 ngFor - pomiń, jeśli wartość nie

Question

mam ten obiekt json:

data = { 

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

Jaki byłby zalecany sposób, z RC2, do * ngFor i wyświetlać tylko te elementy, które mają opis?

HTML Template:

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

Answer 1

Dodaj *ngIf na elemencie powtarzalnym i sprawdzić z falsy uzależnione od własności length tak:

<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> 

Nie można uzyskać dostępu do zmiennej item od *ngFor w *ngIf na tym samym elemencie, dlatego należy dodać znacznik template zawierający enkoderulację li.

---

Praca Plunker na przykład wykorzystanie