Angular2 ngFor - überspringen, wenn kein Wert
Habe ich dieses json-Objekt:
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 die empfohlene Art und Weise, mit rc2, zu *ngFor und zeigen nur Elemente, die eine Beschreibung haben?
Html-Template:
<li *ngFor="let item of data.items" class="item">
<div>{{item.title}}</div>
<div>{{item.description}}</div>
</li>
- Können Sie fügen Sie ein *ngIf an der Vorlage ? So etwas wie *ngIf="Element.Beschreibung".
- Dank Adrian. Ich würde gerne überspringen, oder als sekundäre option zum ausblenden der li-block.
- Sie können einen filter pipe stackoverflow.com/questions/37827925/angular-2-filter-pipe/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Hinzufügen
*ngIf
auf das sich wiederholende element, und überprüfen Sie mit einem falsy abhängiglength
- Eigenschaft, etwa so:Können Sie nicht auf die
item
variable aus der*ngFor
im*ngIf
auf das gleiche element, das ist, warum Sie brauchen Sie, um eintemplate
tag Kapselung derli
.<li *ngFor="let step of steps; let i = index">...</li>
.let-i="index"
!