Ember.js v0.9.7

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-1.0.pre.min.js"></script>
<script type="text/x-handlebars">
    {{#view App.PeopleView}}
        {{#each person in App.people}}
            <p>
                <a href="#" {{action selectPerson "person"}}>
                    Context is the person: 
                    {{person.name}}
                </a>
                or 
                <a href="#" {{action selectPersonName "person.name"}}>
                    Context is the person's name: 
                    {{person.name}}
                </a>
            </p>
        {{/each}}
    
        {{#each App.people2}}
           <a href="#" {{action select name}}>
             {{name}} <br>
           </a>
        {{/each}}
           
        <button {{action test}}>Click</button>
    {{/view}}
</script>

JavaScript

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

App.people = Ember.ArrayController.create({
    content: [
        Ember.Object.create({name: "Bob"}),
        Ember.Object.create({name: "Tom"}),
        Ember.Object.create({name: "Harry"})
    ]
});
App.people2 =  [
    {name: "Bob"},
    {name: "Tom"},
    {name: "Harry"}
];

App.PeopleView = Ember.View.extend({
    selectPerson: function(e) {
         alert(e.context.get("name"));   
    },
    
    selectPersonName: function(e) {
         alert(e.context);
    },
    
    select: function(e) {
       alert(e.context);       
    }
    
});