如何在ng-repeat中添加月份分隔符？

我有一個ng重複顯示即將到來的活動。我想每個月都要展示一次。有沒有辦法顯示第一個重複項目與月份和其他沒有？如何在ng-repeat中添加月份分隔符？

在附加圖片，你會看到重複的一個月分隔的現狀。我只想在該月的一個月和一個月內顯示月份的所有項目。我如何隱藏這些月份重複？

 <ul class="list"> 
     <li ng-repeat="item in calendar | filter:searchText" > 
     <div class="item item-divider" ng-hide="what to do here?">{{item.month}}</div> 

     <div class="item item-text-wrap"> 
      <span>{{item.day}}</span> 
      <span>{{item.title}}</span> 
     </div> 

     </li> 
    </div>

來源

2015-11-11 Maarten Heideman

您可以在NG-重複使用angular.filter模塊groupBy過濾器，然後通過分組的項目使用第二NG重複循環。由馬騰海德曼

<ul class="list" ng-repeat="maand in agenda | groupBy: 'maand' : 'agendamaand'"> 
    <div class="item item-divider">{{ maand.maand }}</div> 
    <li ng-repeat="item in maand.items | filter:searchText"> 
     <div class="item item-text-wrap"> 
      <span class="time prio-{{item.prio}}">{{item.start}}</span> 
      <span>{{item.title}}</span> 
     </div> 
    </li> 
</ul>

來源

2015-11-11 20:13:52 Tristan

感謝名單與一對夫婦的變化提供瞭解決方案

<ul class="list" ng-repeat="(key, value) in calendar | groupBy: 'month'"> <li>{{ key }}</li> <li ng-repeat="item in value | filter:searchText" > <div class="item item-divider" ng-hide="what to do here?">{{item.month}}</div> <div class="item item-text-wrap"> <span>{{item.day}}</span> <span>{{item.title}}</span> </div> </li> </ul>

最後的工作代碼它的工作原理： '

' –

如何在ng-repeat中添加月份分隔符？

回答

相關問題