ember.js - 当我们在 Ember 中传递一个动作时，yield 的行为如何？

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}}

这是工作的旋转。

要了解更多信息：这是一篇很好的博客文章。这是作者关于上下文组件的三篇文章之一。