ember - closureアクションでエラーが発生し、コンポーネントでアクションが提供されない限りページがレンダリングされません。

Question

私はクロージャーアクションを理解しようとしていますが、コードをテストしています。私のindex.hbsテンプレートでは、私はそうのようなコンポーネントをレンダリングしています

{{test-component test=(action 'foo')}} 

を私のindex.jsコントローラでは、私はアクションfoo定義している：私はアクションをトリガーするボタンがあり

foo: function() { 
    console.log('foo executed'); 
    }, 

そして、私のtest-component.hbsコンポーネント内をように：

<button {{action (action 'test')}}>Test Button</button>. 

しかし、ページがクラッシュし、コンソールで次のエラーが表示されます。012私はページが私はあなたが閉鎖アクションを使用した印象の下にあったがtest-component.hbsでtestアクションを挿入することによって、再びレンダリングすることができます

、あなたのコンポーネントに何を配置する必要がありませんでしたか？私はここで間違って何をしていますか？

Answer 1

クロージャアクションについて考える簡単な方法は、関数参照を渡すことです。あなたは

{{test-component test=(action 'foo')}} 

あなたは基本的に

は、グラブは、現在のコンテキストからのアクション'foo'とは、財産test

として渡して言っていると言うあなたの与えられたコードで

、具体的な例の擬似コードは次のようになります。

コントローラでアクション fooで同じ機能を test-componentポイント内のプロパティ testを意味

{{test-component test=IndexController.actions.foo}} 

。

したがって、あなただけそれを直接使用します。

// test is an action passed into test-component 
<button {{action test}}>Test Button</button>. 

は簡単なEmberTwiddle exampleです。あなたはtest-component、そのコンポーネント自体やコンポーネントがアクションtestを持たないで、現在のコンテキスト内のアクションtest、探し内{{action (action 'test')}}を言う

は、それが指すように起こるtestと呼ばれる性質を持っていますその外側の文脈からのアクション、indexコントローラ。