Ember 0.9.8.1 Template

HTML

<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="users">
    Users:
    <ul>
    {{#each user in view.users}}
        <li>{{user.fullName}}</li>
    {{/each}}
    </ul>
</script>

JavaScript

App = Ember.Application.create();

App.Person = Ember.Object.extend({
  // these will be supplied by `create`
  firstName: null,
  lastName: null,
  fullName: function() {
    console.log('Full name function...');
    var firstName = this.get('firstName');
    var lastName = this.get('lastName');
    return firstName + ' ' + lastName;
  }.property('firstName', 'lastName')
});

App.tom = App.Person.create({
  firstName: "Tom",
  lastName: "Dale"
});

App.UsersView = Ember.View.create({
    templateName: 'users',
    users: [App.tom]
}).append();

Ember.run.next(function() {
    App.tom.set('firstName', 'John');
});