使用动作帮助器对同一元素上的不同事件执行不同的操作

时间:2013-03-16 20:03:29

标签: ember.js handlebars.js

我有一个div应该在点击时执行方法

相应的行动助手:

<div {{action speak}}>Say</div>

如果要在鼠标上执行方法 wiggle ,请输入:

相应的行动助手:

<div {{action wiggle on="mouseEnter"}}>Say</div>

现在我希望将两者结合起来,我希望它在click上执行发言,并在mouseEnter上执行 wiggle

相应的{{action}}帮手会是什么?

你的注意力!

我知道以下内容可行:

App.MultiEventView = Ember.View.extend({
  click: function(){
    /* some code */
  },
  mouseEnter: function(){
    /* some code */
  }
})

{{ view App.MultiEventView }}

但我们可以使用action助手定义多个事件而不是定义视图吗?

1 个答案:

答案 0 :(得分:0)

不在同一个div上。 {{action}}转换为元素的data-ember-action属性,并且没有机制可以为多个操作重载。

你可以做的是用第二个动作将你的div包装在另一个div中。