Example of Attribute Binding

application.route.js

import Ember from 'ember';
import log from '../utils/log';
import Post from '../models/post';

export default Ember.Route.extend({
  model() {
    return new Post({
      title: 'So Classy!',
      author: 'Robert'
    });
  },
  actions: {
    error: function(error) {
      log(error.message);
    }
  }  
});

application.template.hbs

<h1>rwjblue's Ember Twiddle</h1>

<h3>{{model.title}}</h3>
<small>by {{model.author}}</small>

<hr>
<p>Edit:</p>

  <label>
    Title:
    {{input value=model.title}}
  </label>
  
  <label>
    Author:
    {{input value=model.author}}
  </label>

{{outlet}}

models.post.js

export default class Post {
  constructor(options) {
		for (let key in options) {
      this[key] = options[key]; 
    }
  }
}

twiddle.json

{
  "version": "0.4.13",
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "canary",
    "ember-template-compiler": "canary"
  }
}

utils.log.js

import Ember from 'ember';

Ember.onerror = function(error) {
  log(error.stack);
};

export default function log(...args) {
  let msg = args.join(' ');
  let logs = document.getElementById('logs');
  
  if (!logs) {
  	logs = document.createElement('pre');
    document.body.appendChild(logs);
  }
  
  logs.insertBefore(
    document.createTextNode("\n" + msg),
    logs.firstChild
  );
}