Ember использовать шаблонные файлы отдельные дочерние

Question

Я ниже файл шаблона (на самом деле используется для моего компонента)

{{#each details.secs as |sec|}} 
    <div class="row"> 
    {{#each secs.flds as |fld|}} 
     // if fld.id is 'abc', use abc.hbs 
     // if fld.id is 'xyz', use xyz.hbs 
    {{/each}} 
    </div> 
{{/each}} 

Мой вопрос, как я могу использовать отдельные файлы суб-шаблона и включить их в выше родительского файла (основанный на условии)

Таким образом, если field.id является «abc», он должен использовать логику рендеринга из abc.hbs Также abc.hbs потребуется входной параметр модели «field» для целей рендеринга (его вывод должен быть добавлен к основной шаблон)

Answer 1

С Ember 2.0, crea тин и регистрации собственных эк (равно) Хелпер супер просто:

ember generate helper eq 

Включите нашу функцию равенства:

// app/helpers/eq.js 


import Ember from 'ember'; 

export function eq(params, hash) { 
    return (params[0] === params[1]); 
} 

export default Ember.Helper.helper(eq); 

и использовать его!

{{#each details.sections as |section|}} 
    <div class="row"> 
    {{#each section.fields as |field|}} 
     {{#if (eq field.id "abc")}} 
      {{abc-component data=field}} 
     {{/if}} 
      {{#if eq field.id "xyz)}} 
      {{xyz-component data=field}} 
     {{/if}} 
    {{/each}} 
    </div> 
    {{/each}}