角度过滤器和$ index

Question

我需要一些帮助，找出如何避免在应用过滤器时重复分隔符。

<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">
        ...

不过滤时工作正常

过滤时不起作用

Answer 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