如何绑定到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>

但我认为我不能使用[timespan]因为它不是离子卡的输入属性..

所以有人知道我怎么能实现这个绑定吗？

非常感谢任何帮助。

Answer 1

您可以使用template代替*ngFor来完成此操作来处理循环：

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

这里有Plunker你可以搞砸。