Динамический заголовок Dom-repeat

Question

Я использую Polymer для извлечения данных из базы данных firebase и отображения их на экране. Идея состоит в том, чтобы получить список дат и показать заголовки выше даты, каждый раз, когда это новый месяц.

Например, следующий список будет генерироваться (если правильно генерируется, формат даты является дд/мм/год):

January 
01-01-2015 
05-01-2015 

February 
02-02-2015 

April 
02-04-2015 

У меня есть следующий код, чтобы генерировать даты:

<template is="dom-repeat" items="[[dates]]" as="date"> 
    <date this-date="[[date]]" class="date"></date> 
</template> 

Я не могу найти способ показать заголовок сверху каждого нового месяца. dom-repeat добавляет каждый новый элемент до последнего, поэтому я не смог создать заголовок в самом dom-repeat.

Может ли кто-нибудь помочь мне в этом?

Answer 1

Я точно не знаю, что доставляет ваше свойство «дат» этому биту кода, но я бы попробовал (вычисляемое свойство?) Или возвращал месяц, причем все даты с месяца как свойство массива объекта месяца.

Тогда у вас могут быть вложенные шаблоны, первые повторяющиеся в месяцах, а второй повторяется в течение месяца. Затем заголовок будет располагаться чуть выше вложенного шаблона.