如何在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

click是余燼組件監聽的有效事件名稱

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/