Угловой фильтр и индекс $

0

Мне нужна помощь, чтобы выяснить, как избежать повторения разделителя при применении фильтра.

<div class="list">
      <div ng-repeat="record in records| orderBy : 'Type' | filter: query">
        <div class="item item-divider item-dark" 
         ng-if="record.Type != records[$index-1].Type">
          {{record.Type}}
        </div>
        <div class="card">
        ...

Прекрасно работать, если не фильтровать

Изображение 174551

Не работает при фильтрации

Изображение 174551

  • 0
    Я разместил некоторый код .. посмотрите над изображениями
  • 0
    Вы, вероятно, хотите использовать фильтр groupBy также
Теги:

1 ответ

1
Лучший ответ

Оставаясь с вашей настройкой, я думаю, что самый простой способ:

<div class="list">
  <div ng-repeat="record in filteredRecords = (records | orderBy : 'Type' | filter: query)">
    <div class="item item-divider item-dark" 
     ng-if="record.Type != filteredRecords[$index-1].Type">
      {{record.Type}}
    </div>
    <div class="card">
    ...

Обратите внимание на недавно определенные filteredRecords

  • 1
    Вы, сэр, потрясающие! большое спасибо

Ещё вопросы

Сообщество Overcoder
Наверх
Меню