alexander-alvarez

import Ember from 'ember';

export default Ember.Component.extend({
  numTimesCalled: 0,
  didReceiveAttrs(){
    this.incrementProperty('numTimesCalled');
  }
  
});

alexander-alvarez

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: 'class-one class-two'
});

alexander-alvarez

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  store: Ember.inject.service('store'),
  init(){
  this._super(...arguments); 
    const stuff = this.get('store').createRecord('model-a');
    this.set('numberOfRelationships', stuff.get('cars.length'));
}

alexander-alvarez

import Ember from 'ember';
const {Object: EmObject} = Ember;

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  stuff: EmObject.create({
    'something' : [1,2,3]
  })
});

alexander-alvarez

import Ember from 'ember';

export default Ember.Component.extend({
  text: 'nothing',
  testFunction(){
    this.set('text', 'here')
  },
  actions: {
   clickMe(){
     this.testFunction(); 

alexander-alvarez

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  queryParams: ['param1', 'param2'],
  param1: null,
  param2: null,
  actions:{
   change1(){
    this.set('param1', 'something'); 

alexander-alvarez

import Ember from 'ember';

export default Ember.Component.extend({
  someProp: {
  },
  isFirstComponent: Ember.computed.equal('i', 1),
  init(){
 this._super(...arguments);
  if (this.get('i') === 1) {
    // this property will show up on other components

alexander-alvarez

import Ember from 'ember';

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

alexander-alvarez

import Ember from 'ember';
import { task, timeout } from 'ember-concurrency';

const {computed} = Ember;

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

  myTask: task(function * (string) {
    console.log("Waiting... " + string);

alexander-alvarez

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
 
  arr: [],
  
  count: 0,
  trues: Ember.computed.filter('arr', function(val){
    this.incrementProperty('count');