filter-button.js

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: 'a',
  classNameBindings: ['active'],
  attributeBindings: ['href'],

  active: false,
  href: '#',

  title: 'add title',
  property: null,
  value: null,

  init: function() {
    this._super();
    this.classSetter();
  },

  classSetter: function() {
    this.set('active', this.get('property') === this.get('value'));
  }.observes('property'),

  click: function(e) {
    e.preventDefault();
    this.set('property', this.get('value'));
  }
});