KTKate

{{#detail-area as |goalArea|}}
  {{#if showForm}}
    //form stuff
    <button {{action "save" details target=goalArea}}>Submit</button>
  {{else}}
    //other stuff
  {{/if}}
{{/detail-area}}
 

KTKate

export default Ember.Component.extend({
  click: function() {

  this.set('regChildCount', this.get('regChildCount') + 1);

  this.attrs.mutChildCount.update(this.attrs.mutChildCount.value + 1);
    this.attrs.mutChildCount.update(this.attrs.mutChildCount.value + 1);
    
  this.attrs.mixChildCount.value = this.attrs.mixChildCount.value + 1;
  }

KTKate

export default Ember.TextField.extend({
  didInsertElement() {
    this.$().focus();
    this.$().addClass('focus'); // headless testing is brittle
  }
});

KTKate

export default Ember.Component.extend({
  unicorn: "default",
  click: function() {
    const strngs = ['i', 'want', 'to', 'go', 'home'];
    this.attrs.unicorn.update(
      strngs[Math.floor(Math.random()*strngs.length)]
    );
  }
});

KTKate

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return {name: 'sam', age: 2};
  }
});

KTKate

// sdf

KTKate

import Ember from 'ember';

export default Ember.Controller.extend({

});

KTKate

import Ember from 'ember';

const {computed} = Ember;

export default Ember.Component.extend({
  tagName: 'a',
  didInsertElement() {
    this._super(...arguments);
    Ember.run.scheduleOnce('afterRender', this, this._setupDropdown);
  },

KTKate

import Ember from 'ember';

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

KTKate

<h1>Meow!</h1>