title: How to add click event to `tagName` in ember component?
body: <p>I would like to add the <code>click</code> event to components <code>tagname</code> what is the correct way to do it?</p>
  
  <p>here is my code : please see the comment for more details</p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
      tagName: 'li', //onclick how to call 'selectedCard'?
      firstBalanceType : '',
      firstBalanceAmount : '',
      lastBalanceType : '',
      lastBalanceAmount : '',
      actions : {
          selectCard : function(card) { //requrie to pass the card here
              //console.log('card selected' + card);
              this.sendAction('enableNext', card);
          }
      }
  });
  </code></pre>
  
  <p>Thanks in advance</p>