Как вставить дополнительный элемент в шаблон каждый

У меня есть такой шаблонКак вставить дополнительный элемент в шаблон каждый

<tbody> 
    {{#each topics as |topic|}} 
    {{topic-list-item topic=topic}} 
    {{/each}} 
</tbody>

Я хочу, чтобы вставить дополнительный элемент в этой визуализации списка шаблонов, что-то вроде этого:

<tbody> 
    {{#each topics as |topic|}} 
    {{#if someCondition}} 
     {{my-list-item}} 
    {{else}} 
     {{topic-list-item topic=topic}} 
    {{/if}} 
    {{/each}} 
</tbody>

Но проблема заключается в решение будет пропускать некоторый topic, когда someCondition истинно, то есть будет замечено вставить, но заменить.

Есть ли решение добавить элемент в список рендеринга шаблонов?

UPDATE: Я хочу, чтобы вставить {{my-list-item}} только один раз в визуализации списка, если someCondition верно

источник

2016-09-23 megas

Если вы хотите Dislay тему-список-вещь все время, независимо от состояния, то вы можете сделать это путем удаления еще.

<tbody> 
     {{#each topics as |topic|}} 
     {{#if someCondition}} 
      {{my-list-item}} 
     {{/if}} 
     {{topic-list-item topic=topic}}   
     {{/each}} 
    </tbody>

источник

2016-09-23 11:14:50 kumkanillam

Он будет вставлять раз размер темы тем "my-list-item', см. Обновление – megas

' someCondition' - зависит от 'темы' или некоторой другой переменной. поэтому вы говорите, что 'someCondition' будет верным для многих тем, но компонент« my-list-item' должен быть включен только один раз – kumkanillam

Возможно, не должно быть никаких условий, просто добавьте дополнительный элемент – megas

Я проголосовали предыдущий ответ, но хотел бы добавить еще один общий потребительной случай:

Если вы не против расширения topic-list-item объекта дополнительным свойством (иными словами, если дополнительный шаблон зависит от любого имущества topic-list-item), это будет работать:

<tbody> 
    {{#each topics as |topic|}} 
    {{#if topic.someBooleanProperty}} 
     {{my-list-item}} 
    {{/if}} 
     {{topic-list-item topic=topic}} 
    {{/each}} 
</tbody>

или (то же самое, что и выше ответ, просто разные структуры)

{{#each topics as |topic|}} 
    {{#if topic.someBooleanProperty}} 
     {{my-list-item}} 
     {{topic-list-item topic=topic}} 
    {{else}} 
     {{topic-list-item topic=topic}} 
    {{/if}} 
    {{/each}} 
</tbody>

источник

2016-09-23 11:19:42 Pavol

Расширение объекта будет работать, но исправление шаблона выглядит намного проще. – megas

О, я также вижу, что вы обновили вопрос. В таком случае мой ответ уже недействителен. – Pavol

Как вставить дополнительный элемент в шаблон каждый

ответ

Смежные вопросы