Ember 2.xの親コンポーネントからのアクションを呼び出す

Question

ルートビューの親コンポーネントからアクションを呼び出そうとしています。

mychild.hbs

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

parent.hbs

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

はmyChild経路（NOアクション）

export default Ember.Route.extend(
}); 

はmyChildコントローラ

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

親コンポーネント私のコンポーネントからanimate()を呼び出す方法

export default Ember.Component.extend({ 

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

？私は間違って何をしていますか？

Answer 1

次のコードをこれに変更しました。働いているようだ。

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

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