amount-selector

templates.application.hbs

<p>Похоже есть идея как разрулить разные варианты расположения элементов в amount selector и тому подбных</p>

{{#amount-selector tagName="fieldset" as |section| }}
  {{#if (eq section "amountField")}}
    {{amount-field}}
	{{/if}}
 
  {{#if (eq section "currencySelector")}}
    {{currency-selector}}
  {{/if}}
{{/amount-selector}}

<br>

{{outlet}}

templates.components.amount-field.hbs

<label>
  amount: <br/>
  <input placeholder="Shiny amount field" />
</label>

templates.components.amount-selector.hbs

<legend>Amount selector</legend>

{{yield 'amountField'}}

{{yield 'currencySelector'}}

templates.components.currency-selector.hbs

{{yield}}
<label>
  currency: <br/>
  <select>
  	<option>ua</option>
    <option>юань</option>
  </select>
</label>

twiddle.json

{
  "version": "0.10.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.6.0",
    "ember-data": "2.6.1",
    "ember-template-compiler": "2.6.0"
  },
  "addons": {
    "ember-array-helper": "0.0.1",
    "ember-truth-helpers": "1.2.0"
  }
}