在 Ember 2.x 中从父组件调用操作答案

【问题标题】：Call action from parent component in Ember 2.x在 Ember 2.x 中从父组件调用操作
【发布时间】：2016-04-14 13:10:47
【问题描述】：

我正在尝试从路由视图中的父组件调用操作。

mychild.hbs

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

parent.hbs

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

mychild 路由（无操作）

export default Ember.Route.extend(
});

我的孩子控制器

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

父组件

export default Ember.Component.extend({

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

如何从我的组件调用animate()？我做错了什么？

【问题讨论】：

【解决方案1】：

将以下代码更改为此。似乎工作正常。

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

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

【讨论】：