GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  badItems: Em.A(), //This is bad, the items will be shared across component instances,
  goodItems: null,
  init() {
    this._super(...arguments);
    this.set('goodItems', Em.A()); //this is the correct way to initialize an array in a component
  },
  actions: {

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  
  init() {
    this._super(...arguments);

    this.set('escaped', Em.Handlebars.Utils.escapeExpression("http://foo.com?a="));
  }

GavinJoyce

//<p class="name">hi {{name}}</p>

Handlebars.templates["hi"]=function(data) {
  return "<p class=\"name\">hi "
    + escapeExpression(data['name'])
    + "</p>\n";
});

GavinJoyce

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  items: Em.A(['one', 'two', 'three'])
});

GavinJoyce

import Ember from 'ember';

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

GavinJoyce

import Ember from 'ember';

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

GavinJoyce

import Ember from 'ember';

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

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  didReceiveAttrs(attrs) {
    console.log('didReceiveAttrs', attrs); 
  },
  
  staticCP: Ember.computed('static', function() {
    console.log('GJ: static CP');
    return this.get('static.length');

GavinJoyce

import Ember from 'ember';

export default Ember.Component.extend({
  actions: {
    grow() {
      this.incrementProperty('age');
    },
    changeName() {
      this.set('name', 'Ben');
    }

GavinJoyce

import Ember from 'ember';

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