miguelcobain

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  prop: Ember.computed(function() {
    return Ember.get('aasdasd', '');
  }),
  prop2: Ember.computed(function() {
    return Ember.A(['item 1', 'item 2', 'item 3']).findBy('', 'item 1');
  })

miguelcobain

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this._super(...arguments);
    Ember.run(() => {
      this.set('value', 42);
    });
    console.log('didInsertElement did run');
  }

miguelcobain

import Ember from 'ember';

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

miguelcobain

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  isDisabled: false,
  actions: {
    toggle() {
      this.toggleProperty('isDisabled');
    }
  }

miguelcobain

import Ember from 'ember';

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

miguelcobain

import Ember from 'ember';

export default Ember.Component.extend({
  tagName: ''
});

miguelcobain

import Ember from 'ember';

export default Ember.Component.extend({
  isTouched: false,
  _isTouched: false,
  didUpdateAttrs(params) {
    if (params.oldAttrs.isTouched !== params.newAttrs.isTouched) {
      // isTouched did change. time to update internal property
      this.set('_isTouched', this.get('isTouched'));
    }

miguelcobain

import Ember from 'ember';
const { Component } = Ember;

export default Component.extend({
  tagName: 'input',
  didRender() {
    if (this.get('value')) {
      this.element.value = this.get('value');
    }
  },

miguelcobain

import Ember from 'ember';
const { Controller, run } = Ember;

export default Controller.extend({
  appName: 'Ember Twiddle',
  tempValue: '',
  actions: {
    changeValue(event) {
      // prevent default behavior
      event.preventDefault();

miguelcobain

import Ember from 'ember';
import ParentComponent from './my-parent';

export default ParentComponent.extend({
  actions: {
    anAction() {
      this._super(...arguments);
      alert('from subclass');
    }
  }