2016-05-01 8 views
0

を使用して、単一イオンのアイテムをバインド?はイオン

ドキュメントは、あなたがしようとしているものhttp://ionicframework.com/docs/v2/api/components/item/Item/

+0

実際に達成しようとしていることの詳細を追加してください。 '* ngFor ... 'を削除すると、' 'というものが1つしかありません。 –

+0

私はあなたの質問を理解しているかどうか分かりませんが、ここに記載されているようにあなたの '' ion-card''の中にリストを入れたいと思うようです:http://ionicframework.com/docs/v2/components/#カードリストあなたの質問にもっと具体的にお答えください – John

答えて

0

全くわからない、これについて非常に明確ではありません。単一のアイテムだけを表示する場合は、オブジェクトの配列ではなく、単一のオブジェクトにアイテムをバインドします。例えば。

あなたのコンポーネントにあなたの単一の項目を定義する必要があります:

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

そして、単にあなたの要素にデータをバインド:

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

*ngFor="#x of y"だけで配列を反復処理するために予約されていますAngular2なので、単一のアイテムには必要ありません。

singleItemのデータを前のページのデータに設定する場合は、この例でこれを行いました。ページ間でデータ/アイテムを渡すには、Ionic2 NavParamsIonic2 Navigationをご覧ください。