如何將點擊事件添加到在ember組件中的`tagName`？

Question

我想將click事件添加到組件tagname這是做什麼的正確方法？

這裏是我的代碼：請詳見註釋提前

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); 
     } 
    } 
}); 

感謝

Answer 1

點擊是燼組件偵聽這麼

import Ember from 'ember'; 

export default Ember.Component.extend({ 
    click(event) { 
    this.send('selectCard', this.get('card')); 
    } 
}); 

如果一個有效的事件名稱你正在尋找selectCard來點擊你組件的模板文件中的某個元素，然後你會有一個綁定它的動作

<li {{action 'selectCard' card}}>{{card.name}}</li> 

點擊此處瞭解詳情： https://www.emberjs.com/api/ember/2.14/classes/Ember.Component/