sendAction 헬퍼는 어떻게 작성합니까?

Question

엠버에는 행동 도우미가 있습니다.

{{action "actionName" arg1 arg2}} 

, 나는 부모 구성 요소에 작업을 보낼 때, 난 아직 명시 적으로 액션 (SendAction)를 호출하는 아동에 대한 조치를 작성해야합니다. 비록 내가 행동을 버블 링하는 것 일지라도. 나는 이것을 send-action helper로 피하고 싶다;

{{send-action "actionKey" arg1 arg2}} 

누구든지이 도우미를 구현하는 방법을 알고 있습니까?

Answer 1

Triggering Changes with Actions과 같이 클로저 동작을 사용해야합니다.

부모 구성 요소에 actionKey이라는 작업이있는 경우 다음을 수행하십시오.

{{my-component myName=(action 'actionKey')}} 

그리고 당신의 아이 컴퍼넌트의 템플릿 : 폐쇄 조치로 하위 구성 요소에

패스를

<button {{action myName arg1 arg2}}>click me</button> 

내가 설명을 위해 myName을 사용, 그것은 할 수 있습니다 무엇이든 구성 요소 내부에서 사용하는 이름과 일치하는 한 오래 원합니다.

위의 내용은 Twiddle : https://ember-twiddle.com/fd56b0b9d017968fc334b3f109760806에서 재현했습니다.