feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  
  // this will work like a charm
  computedTotalTask: Ember.computed.alias('model.length'),
  
  didReceiveAttrs(){
    // below will work on initial assignment; not later on because model is not updated
    // only elements are added or removed

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    onclick() {
      // Toggle object's property so that the observer will execute!
      this.get('object').toggleProperty('dummyVariable');
    }
  }
});

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  isBlankSelected: Ember.computed.empty('selectedOption'),
  
  actions: {
    loadFilter(selectedOption) {
      this.set('selectedOption', selectedOption);
    }
  }

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  selected: {name: 'All', id:0},
  computedOptions: Ember.computed('options.[]', function(){
    return this.get('options').slice().insertAt(0, this.get('selected')); 
  })
});

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
	categories: {
      'Bourbons': ['Bulleit', 'Four Roses', 'Woodford Reserve'],
      'Ryes': ['WhistlePig', 'High West']
   },
  
  actions: {
    additem() {

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
	categories: {
      'Bourbons': ['Bulleit', 'Four Roses', 'Woodford Reserve'],
      'Ryes': ['WhistlePig', 'High West']
   },
  
  actions: {
    additem() {

feanor07

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
});

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  myService: Ember.inject.service(),
  
  actions: {
    incrementTotal() {
      let total = this.get('myService').getTotal();
      total = Ember.isBlank(total) ? 0 : total;
      this.get('myService').setTotal(total+1);

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    removeFromDOM() {
      this.$().remove();
    }
  }
});

feanor07

import Ember from 'ember';

export default Ember.Component.extend({
  myService: Ember.inject.service(),
  
  didDestroyElement() {
    console.log('@didDestroyElement');
  },
  
  willDestroyElement() {