Ember: Event.Target

Ember: Event.Target

by samselikoff

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/release/ember.js"></script>
<script src="http://builds.emberjs.com/canary/ember-data.min.js"></script>
<script type="text/x-handlebars">
    <h2> Welcome to Ember.js</h2>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="index">
    <h2>Inside Index</h2>
    
    <ul>
        {{#each model}}
        <li {{bind-attr class=color}}>Click here: {{color}}</li>
        {{/each}}
    </ul>
    
</script>

JavaScript

App = Ember.Application.create();

var json_data = [
    {"color": "red"},
    {"color": "blue"}
];
App.Router.map(function() {
    this.route("index", {path: '/'});
});

App.IndexRoute = Ember.Route.extend({
    model: function() {
        return json_data;
    }
});


App.IndexView = Ember.View.extend({
   click: function(event) {
            // How do I log the target element?  This is throwing an error
        console.log(event.target);
    }
});