包装器组件上的 Ember 触发器操作

Question

我有一个包装组件，它有一个需要从内部触发的操作，但我无法摆脱这个：

    {{#wrapper-component as |wrapper|}}
        <button {{action 'wrapper.myAction'}}
    {{/wrapper-component}}

以上是“componentA”的模板；当我单击按钮时，我收到一条错误消息，指出 componentA 没有“wrapper.myAction”的动作处理程序；我不明白为什么它首先在 componentA 而不是 wrapper-component 上查找操作。 当然，“myAction”是在“wrapper-component”的“actions”中定义的； 包装器组件有这个模板：

{{yield (hash myAction=(action 'myAction'))}}

Answer 1

替换这个：

<button {{action 'wrapper.myAction'}}

用这个：

<button onclick={{action wrapper.myAction}}

---

请确保您了解 ember 操作和关闭操作之间的区别。