How do actions in components get defined and triggered?

@michaellee wrote:

Forgive me if this has been answered elsewhere or if I'm not finding it in the documentation, but how are actions defined in components now triggered?

In pre-component fashion I could just bind an action to any HTML element and then define it in a controller.

// hbs
<h3>Something awesome will happen when you click here</h3>
<div {{action "doSomething"}}>Do something when clicked</div>

// controller
...
actions: {
  doSomething (){
    //Something spectacular!
  }
}
...

I can't seem to figure out how to do something similar with components.

Let's say, I've extracted what was in the .hbs and put it into a component

// component hbs
<h3>Something awesome will happen when you click here</h3>
<div {{action "doSomething"}}>Do something when clicked</div>

And all I want to do is transition to a different route from where the current component is used. Where does the action need to be defined and/or what is the pattern to define actions? Let's assume that the component is a child component of another component.

Posts: 2

Participants: 1

Read full topic