component.hbs

{{timeago}}

component.js

export default Component.extend({
  tagName: 'time',

  ticker: inject.service('ticker'),

  timeago: Ember.computed('ticker.tick', function() {
    return utils.timeAgoString(this.get('date'));
  }),
});

gistfile1.txt

Issue:

The dom seems to get updated every second even if the content of timeago did not change.

http://public.coulix.s3.amazonaws.com/blink_.gif

initializer.js

export function initialize(application) {
  application.inject('component', 'ticker', 'service:ticker');
}

export default {
  name: 'application',
  initialize: initialize,
};

ticker.service.js

import Ember from 'ember';

const { Service, run } = Ember;
 
export default Service.extend({

  init: function() {
    run.later(this, this.giveMeATick, 1000);
  },

  giveMeATick: function() {
    this.set('tick', true);
    console.log('I SAID TICK!');
    run.later(this, this.giveMeATick, 1000);
  },
});