當我們在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}} 

Here是工作玩弄。

要了解更多：這裏是一個good blog post。這是作者關於上下文組件的三個帖子之一。