如何處理一個花括號視圖中不同DOM元素的事件？

Question

我的燼視圖是其他DOM元素的容器。我有興趣獨立處理某些包含DOM元素的事件。例如，在backbone.js的視圖中，我們可以將它們作爲

events: { 
    'click #some_button': 'handle_button_click', 
    'click #some_anchor': 'handle_anchor_click' 
} 

如何在emberjs中查看類似的東西？我是否需要爲每個有興趣處理事件的DOM元素創建獨立視圖？

Answer 1

無需爲每個元素創建視圖。

只需使用{{action}}幫手，就可以在控制器或路由器中捕獲這些事件。

在這裏

更多：http://emberjs.com/guides/templates/actions/

Answer 2

在EmberJS，你不需要事件綁定功能。 Ember提供了DOM事件的默認綁定。我建議你通過EmberJS guide on events瞭解綁定。

此外，您還想要綁定元素上的功能，您可以按照以下方法執行此操作。我將您的BBJS示例用於可能會幫助您更好地理解的代碼。

var App.TestView = Ember.View.extend({ 
    click : function(e) { 
     if($(e.target).attr('id')==='some_button') { 
     this.handle_button_click(e); 
     } else if($(e.target).attr('id')==='some_anchor'){ 
     this.handle_anchor_click(e); 
     } 
    }, 
    handle_button_click : function(e) {//someCode}; 
    handle_anchor_click : function(e) {//someCode}; 
}); 

實際上，你可以在同一click功能handle_button_click或handle_anchor_click代碼的條件裏面，除非你覺得，使其更加模塊化...