如何在EmberJS中访问父组件的子组件访问操作？

Question

我已经建立了一个系统，其中子组件是根据一些变量动态生成的。但是，所有可能的组件都共享一些方法。如何才能做到这一点？

父组件：

export default Ember.Component.extend({
  actions: {
    someAction() {}
  }
});

在父视图中，使用{{ component }} helper调用组件。

{{component 'someComponent'}}

子组件：

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

在这里，我需要访问子视图中父组件中的someAction。

例：

<button {{action 'someAction'}}>Click me !!</button>

我用的是Ember 1.13.0

Answer 1

你需要放下行动：

{{component 'someComponent' someAction=(action 'someAction')}}

然后在您的子组件中调用它：

this.attrs['someAction']();

你可以把它放在一个普通的混合器上：

actions: {
  someAction() {
    this.attrs['someAction'](...arguments);
  }
}