Angular 在Ionic 2中的同一模板内共享数据

使用最新的ionic 2（版本）和Angular 2

[编辑：抱歉，这个问题太复杂了。我在上发布了这个问题的简化版本]

在我的应用程序中，我模拟了一堆卡片“tinder”样式。我还有一个计时器组件，它有一个“timeinsionds”输入。计时器组件在每张卡上显示倒计时。卡片和计时器机制与这个问题并不真正相关，但是知道每张卡片依次显示（不像滚动列表），并且可以被刷走可能很重要。此外，计时器组件只需要一个值（以秒为单位的时间），并将从该值开始倒计时

代码的一个非常简化的版本是：

<ion-content>
    <div *ngFor="let c of cards">
        …
        <timer #timer [timeInSeconds]=“c.datetime”></timer>
        …
    </div>
</ion-content>

但这似乎不可能。我怀疑我已经完全失去了我的输入和输出的情节，因为我是一个全新的角度。谁能给我一条正确的道路，并提出一个实现我想要的方法

---

非常感谢您的帮助。

为什么您需要setter和getter？我确实在某个地方的文章中看到过这样做。正确的方法是什么？在您的特殊情况下，使用简单的

公共时间跨度：number足够了…感谢您的输入sm。。。我现在意识到我的问题具有误导性，可以大大缩小范围。所以我发布了一个更简化的版本：。你能看看这个吗？为什么你需要setter和getter？我确实在某个地方的文章中看到过这样做。正确的方法是什么？在您的特殊情况下，使用简单的
公共时间跨度：number足够了…感谢您的输入sm。。。我现在意识到我的问题具有误导性，可以大大缩小范围。所以我发布了一个更简化的版本：。请你看看这个好吗？
<ion-header>
    <timer #timer [timeInSeconds]=“_timespan”></timer>
</ion-header>
<ion-content>
    <div *ngFor="let c of cards" [timespan]=“c.datetime">
    …
    </div>
</ion-content>

public _timespan: number;
@Input()
    set timespan(value: number) {
        this._timespan = value;
    }
    get timespan() { 
        return this._timespan ; 
    }