Ember Latest

The latest build of Ember.

by alexspeller

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.1/ember.js"></script>
<script src="https://gist.github.com/alexspeller/5143857/raw/6340a3be9d64246878be4d96cb27fe9312f36a75/ember-data-fast.js"></script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index Content:</h2>
    {{foo}}
  <ul>
    {{#each content}}
      <li>{{name}}</li>
    {{/each}}
   </ul>
    <h2>Log</h2>
    <ul>
        {{#each log}}
          <li>{{this}}</li>
        {{/each}}
    </ul>

</script>

CSS

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

CoffeeScript

App = Ember.Application.create()


data = [
        {
            "id": 1,
            "name": "model 1"
        },
        {
            "id": 2,
            "name": "model 2"
        },
        {
            "id": 3,
            "name": "model 3"
        }
    ]

App.Store = DS.Store.extend
    revision: 12

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

App.IndexRoute = Ember.Route.extend
    model: -> App.MyModel.all()
    setupController: (controller) ->
      @store.loadMany App.MyModel, data
        
App.IndexController = Ember.Controller.extend
   log: []
   eachChanged: (->
      @log.push "Length is now #{@get 'content.length'}"
   ).observes 'content.[]'