Ember Array

by stephane_klein

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.8.js"></script>
<h1>Foobar</h1>

<script type="text/x-handlebars">
    {{#each App.my_list}}
        {{ this }}
    {{/each}}
</script>


<h1>Foobar2</h1>

<script type="text/x-handlebars">
    {{#each App.my_list2}}
        {{ this }}
    {{/each}}
</script>

JavaScript

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

App.my_list = Ember.ArrayProxy.create({
    content: ['dog', 'cat', 'fish']
});

App.my_list2 = Ember.ArrayProxy.create({
    content: [],
    length: function() {
        return 8;
    }.property(),
    objectAtContent: function(index) {
        return "foobar";        
    }
});