如何绑定到 Ionic 2 中 ngFor 循环中的项目

Question

在我的模板中，我有

<ion-card *ngFor="let item of items">
    <p>{{ item.timespan }}</p>
</ion-card>

但是，我想从模板中的其他地方绑定到它，而不是在循环内显示值，例如 ngFor 循环之外

<h1>{{ timespan }}</h1>
<ion-card *ngFor="let item of items" [timespan]=“item.timespan”>
    …
</ion-card>

但是我认为我不能使用[时间跨度]，因为它不是ion-card的输入属性。

那么有谁知道我还能如何实现这个绑定？

任何帮助非常感谢。

Answer 1

您可以通过使用 template 而不是 *ngFor 来处理循环来实现此目的：

<template ngFor let-item [ngForOf]="items">
  <h1>{{item.timespan}}</h1>
  <ion-card>
  …
  </ion-card>
</template>

这是一个你可以胡思乱想的Plunker。