Positional index in Ember.js collections iteration

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

by ud3323

HTML

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

JavaScript

App = Ember.Application.create();

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

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