Полимерная повторяющаяся группа шаблонов

Question

Есть ли способ сделать группировку в шаблоне повторения полимера? У меня есть список элементов с doc.name и doc.manualType, но я хочу сгруппировать список элементов, поэтому manualType отображается только один раз для каждой группы, а не для каждого элемента.

Или как мне обновить привязку, чтобы иметь предыдущийManualType, поэтому я могу отображать только ручной тип, если он отличается от предыдущего manualType.

<template id="docListTemplate" bind="{{searchResults}}"> 
    <div class="vGroup"> 
     <core-selector id="selector" class="list" multi selected="{{multiSelected}}"> 
     <template repeat="{{doc, i in data}}" {previousManualType:''}> 
      <template if="{{doc.manualType!=previousManualType}}"> 
       <h1>{{doc.manualType}}</h1> 
      </template> 
      <div class="cb item"> 
       {{doc.name}} 
      </div> 
     </template> 
     </core-selector> 
    </div> 
</template> 

Answer 1

насчет

<template id="docListTemplate" bind="{{searchResults}}"> 
    <div class="vGroup"> 
     <core-selector id="selector" class="list" multi selected="{{multiSelected}}"> 
     <template repeat="{{manualType in ManualTypes}}"> 
      <template repeat="{{doc, i in manualType.data}}"> 
       <h1>{{doc.manualType}}</h1> 

       <div class="cb item"> 
       {{doc.name}} 
      </div> 
     </template> 
     </core-selector> 
    </div> 
</template> 

Вы должны подготовить структуры данных соответственно.

Answer 2

Как заметил Гюнтер, структура данных, по-видимому, является ключевой точкой. Если у вас нет контроля над входом, вам нужно будет его преобразовать. Вы могли пользователь Подчеркивание/lodash к GroupBy

http://underscorejs.org/#groupBy

https://lodash.com/docs#groupBy