Aktion von der übergeordneten Komponente in Ember 2.x aufrufen

Question

Ich versuche, eine Aktion von einer übergeordneten Komponente in meiner Routenansicht aufzurufen.

mychild.hbs

{{#parent as |wrapper|}} 
    <button {{action "animate"}}>Login</button> 
{{/parent}} 

parent.hbs

<div>{{yield}}</div> 

MyChild Route (keine Aktionen)

export default Ember.Route.extend(
}); 

MyChild Controller

export default Ember.Controller.extend({ 
}); 

Stammkomponente

export default Ember.Component.extend({ 

    actions: { 
     animate() { 
      console.log('ok'); 
     } 
    }, 
}); 

Wie animate() von meiner Komponente nennen? Was mache ich falsch ?

Answer 1

Geändert den folgenden Code zu diesem. Scheint zu arbeiten.

<div> 
    {{yield this}} 
</div> 

{{#my-component as |mc|}} 
    <button {{action "doIt" target=mc}}>callDoIt</button> 
{{/my-component}}