Angular 如何在Ionic 2中绑定到ngFor循环中的项？

在我的模板中，我有

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

{{item.timespan}

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

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

{{timespan}
…

但我假设我不能使用[timespan]，因为它不是ion卡的输入属性

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

---

非常感谢您的帮助。

您可以使用

模板

而不是

*ngFor

来处理循环：

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

{{item.timespan}
…

---

这是一个你可以随便玩玩的工具。

你试过使用

模板的
*ngFor
吗。也有一点不清楚你到底想完成什么。循环中呈现了多个元素？感谢silentsod。我试图简化代码。实际上，这些卡被包装到Angular2 swing库中的“swing堆栈”中。它不是像列表一样显示所有项目，而是依次显示每张卡，以类似火种的方式刷卡。关于使用模板，这似乎是一个很好的解决方案…非常感谢silentsod，这很有效。我确实增加了复杂性，因为所有的时间跨度同时显示，而不是一次显示一个。但鉴于我在评论中提到的情况，这种行为是可以预料的。