Emberでアクションを渡すと、yieldはどのように動作しますか？

Question

I次のコードを持っている：

コンポーネントテンプレートを

{{#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です。これは、コンテクストコンポーネントに関する3つの記事のうちの1つです。