phillipkregg

import Ember from 'ember';

export default Ember.Component.extend({
  comment: '',

  actions: {
    submitComment() {
      this.get('submitComment')({ comment: this.get('comment') });
    }
  }

phillipkregg

import Ember from 'ember';

export default Ember.Component.extend({

  actions: {
  	changeTitle() {
    	this.set('title', 'clicked!');
    }
  }
  

phillipkregg

import Ember from 'ember';

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

phillipkregg

import Ember from 'ember';

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

phillipkregg

import Ember from 'ember';

export default Ember.Component.extend({
  attributeBindings: ['style',],
  // The classNameBindings values are a ternary operator!
  classNameBindings: ['isBlue:blue:not-blue'], 
  isBlue: false,

  style: Ember.computed('name', function() {
    const color = this.get('color');

phillipkregg

import Ember from 'ember';

export default Ember.Component.extend({
  	isChecked: false,
  
  	checked: Ember.computed('isChecked', function() {
    	if (this.get('isChecked')) {
      	return 'checked';    
      } else {
      	return '';    

phillipkregg

import Ember from 'ember';

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

phillipkregg

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  store: Ember.inject.service(),
  
  people: Ember.computed('store', function() {
  	return this.store.findAll('factories/person');
  }),
  

phillipkregg

import Ember from 'ember';

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

phillipkregg

import Ember from 'ember';

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