2016-05-01 7 views
0

Wenn ich eine Liste habe ich ion-item wie diese verwenden:Bindung eines einzelnen Ionen Artikel Ionic mit

<ion-card ion-item *ngFor="#item of previous" (click)="itemTapped($event, item)"> 

Wie kann ich ion-item im gleichen wa mit nur einem einzigen Artikel verwenden?

Die docs sind nicht sehr klar zu diesem Thema, http://ionicframework.com/docs/v2/api/components/item/Item/

+0

Bitte fügen Sie weitere Details zu dem hinzu, was Sie tatsächlich zu erreichen versuchen. Wenn Sie '* ngFor ...' entfernen, haben Sie nur eine ''. –

+0

Ich bin mir nicht sicher, ob ich Ihre Frage verstehe, aber es scheint mir, Sie wollen eine Liste in Ihrer "Ionen-Karte" haben, wie hier beschrieben: http://ionicframework.com/docs/v2/components/# Kartenliste Bitte präzisieren Sie Ihre Frage – John

Antwort

0

Nicht ganz sicher, was Sie zu tun versuchen. Wenn Sie nur ein einzelnes Objekt anzeigen möchten, binden Sie Ihr Objekt an ein einzelnes Objekt und nicht an ein Array von Objekten. Z.B.

Sie werden Ihre einzelnen Artikel in Ihrer Komponente definieren müssen:

export class YourComponent { 
    //... 
    items: <Array>; 
    singleItem: any; 
    //... 
    constructor() { 
    //... 
    this.singleItem = { 
     data: "foo" 
    }; 
    } 
} 

Und dann einfach Ihre Daten zu Ihrem Element binden:

<ion-card ion-item (click)="itemTapped($event, singleItem)"> 
    {{ singleItem.data }} 
</ion-card> 

*ngFor="#x of y" nur für Iteration über Arrays in reserviert Angular2, also ist es nicht notwendig für einen einzelnen Gegenstand.

Ich habe dies mit Ihren Beispielen getan, wenn Sie die singleItem Daten auf der vorherigen Seite einstellen möchten. Um Daten/Elemente zwischen Seiten zu übergeben, sehen Sie Ionic2 NavParams und Ionic2 Navigation.

Verwandte Themen