目前我有一个非常简单的 Ember 对象,它有两个属性:startedAt
和endedAt
.
基于这些属性,我计算了属性isLive
。哪个与当前时间进行时间比较。
渲染车把模板时,我通过添加一个类来突出显示某些项目highlight
。
<li {{ bindAttr class="event.isLive:highlight" }}>...</li>
我想每 5 秒左右更新一次这个模板,所以我知道isLive
需要重新计算。我需要怎么做?
App.Event = Ember.Object.extend({
endedAt: null,
startedAt: null,
isLive: function() {
if (!this.get('startedAt') || !this.get('endedAt')) {
return false;
}
var now = moment();
return (now.diff(moment(this.get('startedAt'))) >= 0 &&
now.diff(moment(this.get('endedAt'))) < 0);
}.property('startedAt', 'endedAt')
});
我为常规的 Ember View 做了类似的事情{{view App.TimerView}}
。
App.TimerView = Ember.View.extend({
tagName: 'time',
template: Ember.Handlebars.compile('{{ view.now }}'),
init: function() {
this._super();
this.set('now', moment().format('HH:mm:ss'));
},
now: null,
willInsertElement: function(evt) {
var self = this;
var intervalId = setInterval(
function() {
self.set('now', moment().format('HH:mm:ss'));
}, 1000);
this.set('interval', intervalId);
},
willDestroyElement: function(evt) {
clearInterval(this.get('interval'));
}
});
但我似乎无法对常规对象应用相同的逻辑。请有人指出我正确的方向。
我相信我需要根据这些指南在控制器中执行此操作。