CollectionView and ArrayController

The latest build of Ember.

by superlou

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 type="text/x-handlebars" data-template-name="index">
  <h2>IndexController Content:</h2>
  <ul>
  {{#each item in content}}
      <li>{{item}}</li>
  {{/each}}
   </ul>
  
    <h2>ListController Content:</h2>
  {{render list}}
</script>

CSS

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

JavaScript

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

App.IndexRoute = Ember.Route.extend({
  setupController: function(controller) {
    controller.set('content', ['a', 'b', 'c']);
  }
});

App.IndexController = Ember.ArrayController.extend({
});

App.ListController = Ember.ArrayController.extend({
    needs: ['index'],
    contentBinding: "controllers.index"
});

App.ListView = Ember.CollectionView.extend({
  itemViewClass: Ember.View.extend({
    template: Ember.Handlebars.compile("the letter: {{view.content}}")
  })
});