Positional index in Ember.js collections iteration

http://stackoverflow.com/questions/8870785/positional-index-in-ember-js-collections-iteration

by johngouf

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<script type="text/x-handlebars">    
    {{#collection contentBinding="App.peopleController"}}
      {{#view App.PersonView contentBinding="this"}}
        Index {{_parentView.contentIndex}}: {{content.name}} {{adjustedIndex}} <br />
      {{/view}}
    {{/collection}}
</script>

JavaScript

App = Ember.Application.create();

App.peopleController = Ember.ArrayController.create({
    content: [ { name: 'Roy' }, { name: 'Mike' }, { name: 'Lucy' } ]
});

App.PersonView = Ember.View.extend({
    content: null,
    // Just to show you can get the current index here too...
    adjustedIndex: function() {
        return this.getPath('_parentView.contentIndex') + 1;
    }.property()
});