Переключение шаблона на основе значения в Iron Router

Question

Я пытаюсь создать страницу редактора product в своем приложении. Данные продукта полностью переменный, однако он структурирован следующим образом:

{ 
    "_id" : "543e759ff08da702009542d2", 
    "fields" : [ 
     { 
      "binding" : "title", 
      "type" : "text", 
      "_id" : "543e759ff08da702009542d8", 
      "data" : "A TEST Product Title" 
     }, 
     { 
      "binding" : "description", 
      "type" : "multiLineText", 
      "_id" : "543e759ff08da702009542d7", 
      "data" : "Oooo... Simply delicious text that describes the product in detail" 
     }, 
     { 
      "binding" : "price", 
      "type" : "currency", 
      "_id" : "543e759ff08da702009542d6", 
      "data" : "£2.25" 
     }, 
     { 
      "binding" : "image", 
      "type" : "image", 
      "_id" : "543e759ff08da702009542d5", 
      "data" : "http://www.google.com/image.png" 
     } 
    ] 
} 

До сих пор на странице у меня есть {{#each fields}} блока внутри формы.

Что бы я хотел сделать, так это иметь отдельные шаблоны «textEditor», «currencyEditor» и т. Д. Для каждого типа поля, которые могут потребоваться отредактировать, сохраняя при этом всю логику красиво разделенной.

Как лучше всего внедрить соответствующий шаблон в представление?

очень грубым способом было бы что-то вроде:

{{#each fields}} 
    {{#if typeIs 'text'}} 
    {{>textEditor}} 
    {{/if}} 
    {{#if typeIs 'currency'}} 
    {{>currencyEditor}} 
    {{/if}} 
{{/each}} 

Answer 1

Использование Template.dynamic:

<template name="main"> 
    {{#each fields}} 
     {{> Template.dynamic template=getTemplateName}} 
    {{/each}} 
</template> 

Template.main.helpers({ 
    getTemplateName: function(){ 
     return this.type+"Editor" 
    } 
}) 

---

Что касается вашего нового вопроса от комментария: предлагаемое решение ниже не достаточно хорошо? Вам нужно одно событие сохранения?

<template name="textEditor"> 
    <form> 
     <input type="text" value="{{data}}"> 
    </form> 
</template> 

Template.textEditor.events({ 
    'submit form': function(){ 
     event.preventDefault() 
     // Save text type. 
    } 
}) 

<template name="multiLineTextEditor"> 
    <form> 
     <textarea>{{data}}</textarea> 
    </form> 
</template> 

Template.textEditor.events({ 
    'submit form': function(){ 
     event.preventDefault() 
     // Save multi line text type. 
    } 
}) 

Answer 2

В основном, «Динамические шаблоны» является то, что я искал, и конечно, они уже доступны.

Вот блог пост собирается над ними: https://www.discovermeteor.com/blog/blaze-dynamic-template-includes/