Action in Handlebars template example

See http://stackoverflow.com/questions/9479437/action-in-handlebars-template-not-firing

by HendrikR

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-0.9.5.js"></script>
<!-- these don't have names because they're being compiled by rails -->

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

<script type="text/x-handlebars" data-template-name="recommended_skills_list">
<table>
  <tr>
    <td class="lg">ACTIVITY</td>
    <td class="lg">REGISTER</td>
  </tr>
  {{#each content}}
  {{view Skills.RecommendedSkillView skillBinding="this"}}
  {{/each}}
</table>
</script>

<script type="text/x-handlebars" data-template-name="recommended_skill">
  <td class="activity">{{skill.title}}</td>
  <td><a href="#" {{action "a"}}>DO A THING</a></td>
</script>

JavaScript

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

Skills.recommendedSkillsController = Ember.ArrayController.create({ 
    content: [Ember.Object.create({title: '1', description: 'description', recommended: true, date: new Date()}),
              Ember.Object.create({title: '2', description: 'description', recommended: true, date: new Date()})]
});

Skills.RecommendedSkillsListView = Ember.View.extend({
  templateName: 'recommended_skills_list',
  contentBinding: 'Skills.recommendedSkillsController.content'
});

Skills.RecommendedSkillView = Ember.View.extend({
  templateName: 'recommended_skill',
  tagName: 'tr',

  a: function(v) {
      alert(v.get("skill").get("title"));
  }
});