使用离子束缚单个离子项目

Question

如果我有一个列表，我可以像这样使用ion-item：

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

如果只使用一个项目，我如何在同一个wa中使用ion-item？

文档在此http://ionicframework.com/docs/v2/api/components/item/Item/

上并不是很清楚

Answer 1

不完全确定您尝试做什么。如果只想显示单个项目，则将项目绑定到单个对象，而不是对象数组。 E.g。

您需要在组件中定义单个项目：

self._browser = RoboBrowser(history=True, parser="lxml")

然后只需将数据绑定到您的元素：

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

<ion-card ion-item (click)="itemTapped($event, singleItem)"> {{ singleItem.data }} </ion-card> 仅保留用于迭代Angular2中的数组，因此单个项目不需要它。

如果您要将*ngFor="#x of y"数据设置为上一页的数据，我会使用您的示例执行此操作。要在页面之间传递数据/项目，请查看Ionic2 NavParams和Ionic2 Navigation。