closure-actions.md

Closure Actions

Rule name: closure-actions

Always use closure actions (according to DDAU convention). Exception: only when you need bubbling.

export default Controller.extend({
  actions: {
    detonate() {
      alert('Kabooom');
    }
  }
});

GOOD

{{pretty-component boom=(action 'detonate')}}

// pretty-component.js
export default Component.extend({
  actions: {
    pushLever() {
      this.boom();
    }
  }
})

BAD

{{awful-component detonate='detonate'}}

// awful-component.js
export default Component.extend({
  actions: {
    pushLever() {
      this.sendAction('detonate');
    }
  }
})