灰燼產生多種作用

Question

我有一個checkout-form具有像一些動作組件next ， previous ， submitForm和selectDate 。 目前，我只能yield的selectDate動作：

{{!-- checkout-form.js --}}
<div class='checkout-form'>
  {{yield (action 'selectDate')}}
</div>

我希望能夠使用這樣的checkout-form組件：

{{!-- order.hbs --}}
{{#checkout-form as |submitForm, selectDate|}} 
  {{checkout-field placeholder="Full Name" value=model.order.name}}
  {{!-- another field component that uses selectDate --}}
  {{checkout-form-actions action=submitForm}}
{{/checkout-form}}

我將如何產生要在checkout-form.hbs內部使用的多個動作？

Answer 1

選項1。您可以像下面那樣傳遞許多參數

{{yield (action 'selectDate') (action 'submitForm')}}

閱讀-https: //guides.emberjs.com/v2.14.0/components/block-params/

和

{{!-- order.hbs --}}
{{#checkout-form as |selectDate, submitForm|}} 
  {{checkout-form-actions action=selectDate}}
  {{checkout-form-actions action=submitForm}}
{{/checkout-form}}

選項2。您還可以使用哈希助手 ，

{{yield (hash 
        selectDate=(action 'selectDate')
        submitForm=(action 'submitForm')) }}

和

{{#checkout-form as |options|}}   
  {{checkout-form-actions action=options.submitForm}}
{{/checkout-form}}