來自Ember 2.x中父組件的調用操作

Question

我想從我的路由視圖中的父組件調用操作。

mychild.hbs

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

parent.hbs

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

mychild路由（無動作）

export default Ember.Route.extend(
}); 

mychild控制器

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

父組件

export default Ember.Component.extend({ 

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

如何調用從我的組件animate()？我究竟做錯了什麼 ？

Answer 1

將以下代碼更改爲此。似乎工作。

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

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