Ember Latest

The latest build of Ember.

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/ember.js/1.0.0-rc.2/ember.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-data-latest.js"></script>
<script type="text/x-handlebars" data-template-name="customers/index">
  <h2>Index Content:</h2>
  <ul>
  {{#each customer in content}}
      <li>{{customer.name}}: {{#linkTo customer.edit customer}}Edit{{/linkTo}}</li>
  {{/each}}
   </ul>
</script>


<script type="text/x-handlebars" data-template-name="customer/edit">
  <h2>Edit Content:</h2>
    <p>{{name}}</p>
</script>

CSS

ul { padding: 15px; font-size: 1.4em; color: green; }

CoffeeScript

App = Ember.Application.create({})

App.Store = DS.Store.extend
  revision: 12
  adapter: 'DS.FixtureAdapter'

App.Customer = DS.Model.extend
  name: DS.attr('string')

App.Customer.FIXTURES = [{id: 1, name: "Customer 1"}, {id: 2, name: "Customer 2"}, {id: 3, name: "Customer 3"}]

App.Router.map ->
  @resource 'customers', path: 'my_customers', ->
    @resource 'customer', path: '/:customer_id', ->
      @route 'edit', path: '/my_edit'

App.IndexRoute = Ember.Route.extend
  redirect: ->
    @transitionTo "customers"
        
App.CustomersIndexRoute = Ember.Route.extend
  setupController: (controller) ->
    controller.set "content", App.Customer.find()

App.CustomerEditRoute = Ember.Route.extend
  setupController: (controller, model) ->
    controller.set('content', model)
    alert("inspect: #{Ember.inspect(model)}")