Ember 0.9.8 Template

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.8.js"></script>
<script type="text/x-handlebars" data-template-name="the_template">
    {{each model.items}}
    <div style="height:50px;"></div>        
</script>

<script type="text/x-handlebars">
    {{view App.view}}
</script>

JavaScript

App = Ember.Application.create();

App.model = Ember.Object.create({
    items: 1
});

App.view = Ember.View.extend({
    templateName: 'the_template',
    modelBinding: 'App.model',
  
    modelChanged : function() {
        Ember.run.next(this, function(){
            $('body').append('Scroll height: '+document.body.scrollHeight);
        });
    }.observes('model'),

    theAction: function(event) {
        App.controller.doStuffToModel();
    }
});

App.controller = Ember.Object.create({
    doStuffToModel : function() {
        App.model.set('items', 30);
    }
});