当我们在Ember中传递一个动作时，屈服是如何表现的？

Question

我有以下代码：

组件模板

{{#link-to "user.profile" account.id disabled=user.online}}
    {{yield}}
{{/link-to}}

模板

{{#my-component data=x}}
    <button> MY BUTTON </button>
{{/my-component}}

我在不同的模板中使用该组件，我希望生成的元素有一个动作。我读过你可以像这样使用它，但我无法真正理解这种行为。

{{#link-to "user.profile" account.id disabled=user.online}}
    {{yield (action "showModal")}}
{{/link-to}}

任何人都可以对这个问题有所了解吗？

Answer 1

这是它的用法：

{{#my-component as |act|}}
    <button onclick={{action act}}>Button</button>
{{/my-component}}

Here正在努力工作。

要了解更多信息：此处为good blog post。这是作者关于语境成分的三篇文章之一。