How to remove event listener in ember.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

import Ember from 'ember';

export default Ember.Component.extend({
  didInsertElement() {
    this._super(...arguments);
    
    // Add event listener
    this.element.addEventListener('click', this.handleClick);
  },
  
  willDestroyElement() {
    this._super(...arguments);
    
    // Remove event listener
    this.element.removeEventListener('click', this.handleClick);
  },
  
  handleClick(event) {
    console.log('Clicked!');
  }
});