givanse

import Ember from 'ember';

let get = Ember.get;
let defaultFilter = function(value) { return value; };

function changeGate(dependentKey, filter) {
  filter = filter || defaultFilter;

  let computed = Ember.computed(function handler(key) {
    let lastValueKey = `__changeGate${key}LastValue`;

givanse

import Ember from 'ember';

// Two options:
// 1. eager load in the init hook
//    for the initial render, won't re-calc after that.
// 2. another computed depending on the unrendered computed
//    for property updates

export default Ember.Controller.extend({
  

givanse

import Ember from 'ember';

export default Ember.Controller.extend({

  list: [
    {name: 'r', color: 'red'},
    {name: 'b', color: 'blue'},
    {name: 'g', color: 'green'}
  ],
  

givanse

import Ember from 'ember';
import changeGate from 'ember-computed-change-gate/change-gate';

/**
 * To have computed properties that only trigger on value
 * change you can use `ember-computed-change-gate`, it is
 * an Ember CLI addon.
 *
 * https://github.com/GavinJoyce/ember-computed-change-gate
 */

givanse

https://kangax.github.io/compat-table/es6/#chrome49

let browsers = ['ie7', 'ie8', 'ie9', 'ie10', 'ie11', 'edge12', 'edge13', 'edge14', 'konq414', 'firefox38', 'firefox43', 'firefox44', 'firefox45', 'firefox46', 'firefox47', 'firefox48', 'firefox49', 'firefox50', 'firefox51']; for (let browser of browsers) { console.log(`[data-browser='${browser}']`); document.querySelectorAll(`[data-browser='${browser}']`).forEach(function(e) { e.remove(); }) }

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    oneWayInputUpdate: function(value) {
      this.attrs.updateOneWay(value);
    }
  }
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    greet: function() {
      // I'm here just to bubble up the action
      console.log('child: greet');
      this.sendAction('greet');
    }
  }

givanse

import Ember from 'ember';

export default Ember.Component.extend({
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  value: 0
});

givanse

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['item'],
  classNameBindings: ['enabled:enabled:disabled']
});