Dom-repeat动态标题

Question

我正在使用Polymer从firebase数据库中获取数据并在屏幕上显示它。我们的想法是获取一个日期列表，并在每个新月份的日期之上显示标题。

例如，将生成以下列表（如果正确生成，则日期格式为dd / mm / yyyy）：

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

我不确定究竟是什么将你的“日期”属性提供给这段代码，但我会尝试方式（计算属性？）或返回一个月，将月份中的所有日期作为数组属性月份对象。

然后你可以有嵌套的模板，第一个重复几个月，第二个重复在第一个月的月份。然后标题将恰好位于嵌套模板的上方。