Ember Latest

The latest build of Ember.

by mgrassotti

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 type="text/x-handlebars" data-template-name="index">
  <h2>When using controller, items get sorted:</h2>
  <ul>
  {{#each item in controller}}
      <li>{{item.name}}</li>
  {{/each}}
   </ul>
  <h2>When using content they are mixed up:</h2>
  <ul>
  {{#each item in content}}
      <li>{{item.name}}</li>
  {{/each}}
   </ul>

  <h2>When using model they are mixed up:</h2>
  <ul>
  {{#each item in model}}
      <li>{{item.name}}</li>
  {{/each}}
   </ul>

  <h2>Specifying item by itself doesn't work at all:</h2>
  <ul>
  {{#each item}}
      <li>{{name}} or {{item.name}}</li>
  {{/each}}
   </ul>

  <h2>Specifying controller by itself is fine:</h2>
  <ul>
  {{#each controller}}
      <li>{{name}}</li>
  {{/each}}
   </ul>
    
    
</script>

CSS

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

JavaScript

App = Ember.Application.create({
    IndexRoute: Ember.Route.extend({
  model: function() {
    return [
        Em.Object.create({name: 'b'}),
        Em.Object.create({name: 'c'}),
        Em.Object.create({name: 'a'}) 
    ]
  },
  setupController: function(controller) {
    controller.set("sortProperties", ["name"]);
  }
})
});