1

目前我有一个非常简单的 Ember 对象,它有两个属性:startedAtendedAt.

基于这些属性,我计算了属性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'));
  }

});

但我似乎无法对常规对象应用相同的逻辑。请有人指出我正确的方向。

我相信我需要根据这些指南在控制器中执行此操作。

4

1 回答 1

6

我使用了这里介绍的解决方案:http: //livsey.org/blog/2013/02/20/tick-tock/

不断检查时间的流逝与时间戳。

您按照帖子中的描述创建时钟对象和初始化程序,并创建您的 isLive 属性:

.property("startedAt", "endedAt", "clock.minute") });

使用 clock.minute 将每分钟触发一次更新。如果对时间敏感(或加快开发速度,您可以使用 clock.second 。

于 2013-04-25T15:23:25.003 回答