Ember.js v1.2.0 - Ember.Component 'क्लिक' हैंडलर को फायरिंग नहीं कर रहा है, इसके लिए शून्य लौटा रहा है। ($)

मैं एम्बर v1.2.0 हैंडलबार्स v1.0.0 और jQuery v2.0.2 के साथ एम्बर का उपयोग करना शुरू कर दिया है। घटक और घटकों के माध्यम से बनाए गए कुछ दृश्यों को प्रतिस्थापित करें (उदाहरण के लिए एक कस्टम ड्रॉपडाउन तत्व) और यह सही काम करने जैसा महसूस किया, लेकिन दुर्भाग्यवश यह मेरी अपेक्षा के अनुसार काम नहीं करता है।

यह मेरी हैंडलबार्स फ़ाइल है, जो 'टेम्पलेट्स/घटकों/मेरी ड्रॉपडाउन के तहत रखी गई है:

<div class="dropdown__header" {{action 'toggle'}}>
    {{view.displayText}}
</div>
<div class="dropdown__caret"></div>

यह संबंधित <कोड> Ember.Component वर्ग है:

App.MyDropdownComponent = Ember.Component.extend({
  classNames: 'dropdown'.w(),

  toggleList: function() {
    //var $this = this.$();//returns null (!!!)
    var $this = this.$('.' + this.get('classNames').join(' .'));//returns the expected object
    if($this.hasClass('open')) {
      $this.removeClass('open');
    } else {
      $this.addClass('open');
    }
   //Note: I can't work with classNameBindings and toggleProperty() because the classes
   //could also be accessed through other code...
  },

  click: function (event) {
    alert('heureka!');//never fired!
  },

  actions: {
    toggle: function() {
      this.toggleList();//fired as expected
    }
  }
});

क्या यह Ember.Component का अपेक्षित व्यवहार है?

0
धन्यवाद @ मार्सियोरोड्रिग्स कोरेरिया जुनीर - मैंने अभी अपने सिर के शीर्ष से कोड लिखा है और मुझे एहसास नहीं हुआ कि मैंने गलत नाम इस्तेमाल किया है ... मैं धागे को अपडेट कर दूंगा ताकि यह नामकरण सम्मेलन को फिट कर सके। फिर भी, व्यवहार अभी भी वही है ... :(
जोड़ा लेखक herom, स्रोत
emberjs.jsbin.com/ObuciYO/1/edit , क्या आप हमें दिखा सकते हैं कि आप कैसे इसका उपयोग कर रहे हैं? ऐसा लगता है कि यह jsbin में ठीक से काम कर रहा है।
जोड़ा लेखक Kingpin2k, स्रोत
आपका घटक नाम टेम्पलेट से मेल नहीं खाता है, आपको App.MyDropdownComponent में बदलना होगा।
जोड़ा लेखक Marcio Junior, स्रोत