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