Ember.js Starter Kit

Based on latest version (as of today) of the official Ember.js starter kit: https://github.com/emberjs/starter-kit Links to latest full-size versions of Handlebars, Ember, and Ember-Data.

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <p>{{view view.testSelect}} {{test}}</p>
    <p>{{view view.test2Select}} {{test2}}</p>
    <p>{{view view.test3Select}} {{test3}}</p>

</script>

JavaScript

var App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({
    test:'orange',
    test2: 'apple',
    test3: 'orange'
});

App.ApplicationView = Ember.View.extend({
    templateName: 'application',
    testSelect: Ember.Select.extend({
        content: Em.A([ 'apple','orange' ]),
        value: Em.computed.alias('parentView.controller.test')
    }),
    test2Select: Ember.Select.extend({
        content: Em.A([ 'apple','orange' ]),
        valueBinding: 'parentView.controller.test2'
    }),
    test3Select: Ember.Select.extend({
        content: Em.A([ 'apple','orange' ]),
        selection: Em.computed.alias('parentView.controller.test3')
    })
});

App.Router = Ember.Router.extend({
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/'
    })
  })
});