Help to group by ion-list/ion-item (divider)

ionic-v1
1

Hello friens, I need to group ion-list / ion-item (divider)

$scope.items = { “products”: [ { “id”: 1, “category”: “Smartphone”, “product”: [ { “id”: 1, “description”: “Apple” }, { “id”: 2, “description”: “LG” }, { “id”: 3, “description”: “Motorola” }, { “id”: 4, “description”: “Samsung” }]}, { “id”: 2, “categoria”: “Notebook”, “product”: [{“id”: 1,“description”: “Apple”}, {“id”: 2, “description”: “LG” }, { “id”: 3, “description”: “Samsung” }]}] };

I’m using “angular-filter”:

<ion-list>
  <ion-item class="item-divider" ng-repeat="(key, value) in items.products| groupBy: 'category'">
    {{ key}}
  </ion-item>
  <ion-item ng-repeat="item in value">
    {{ item }}
  </ion-item>
</ion-list>

I got to the item divider, grouped items could not show

image

Thanks for help!