Ember Latest

The latest build of Ember.

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>ember-latest jsfiddle</h1>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">
  <h2>Index Content:</h2>
  {{#with controller as self}}  
  <ul>
  {{#each}}
      <li>
          {{self.foo}} {{firstName}} {{lastName}}
          <ul>{{#each pets}}<li>{{self.foo}} {{this}}</li>{{/each}}</ul>
      </li>
      
  {{/each}}
   </ul>
  {{/with}}
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; color: green; }

JavaScript

App = Ember.Application.create({});

App.IndexRoute = Ember.Route.extend({
  model: function(){
      return [
          {firstName: 'Kris', lastName: 'Selden', pets: ['hamster'] },
          {firstName: 'Luke', lastName: 'Melia', pets: ['bobcat']},
          {firstName: 'Formerly Alex', lastName: 'Matchneer', pets: ['cat', 'monkey']}
      ];
  }
});


App.IndexController = Ember.ArrayController.extend({
    foo: 'bar'
});