Estou com um problema de valores duplicados no AngularJS, no meu JSON vai ter sempre categorias repetidas, no ng-repeat
eu usei o track by $index
mas o erro persistiu.
O código do meu controller:
angular.module('starter').controller('Guia', function($scope, $http) {
var grp = {};
$http.get('js/lugares.json').success(function(data) {
$scope.categories = data;
angular.forEach($scope.categories, function(item){
var chr = item.categoria.charAt(0);
if(!grp.hasOwnProperty(chr)) grp[chr] = [];
grp[chr].push(item.categoria);
})
});
$scope.grp = grp;
});
Meu HTML está assim:
<div class="list" ng-repeat="(k,v) in grp track by $index">
<div class="item item-divider">{{k}}</div>
<a ng-href="#/categoria-guia" class="item" ng-repeat="i in v">{{i}}</a>
</div>
E o JSON assim:
[
{
"id": 0,
"nome": "Agência MegaDigital",
"categoria": "Tecnologia e Informática"
},
{
"id": 1,
"nome": "Bar do Grego",
"categoria": "Bares e Restaurantes"
},
{
"id": 2,
"nome": "Anselmo Lanches",
"categoria": "Bares e Restaurantes"
},
{
"id": 3,
"nome": "Internet de Dimas",
"categoria": "Tecnologia e Informática"
},
{
"id": 4,
"nome": "Banca Caixa Postal",
"categoria": "Banca de Revista"
},
{
"id": 5,
"nome": "Xerox Central",
"categoria": "Papelaria e Escritório"
}
]
O resultado final exibe uma lista de todas as categorias numa lista ordenada pela letra inicial da categoria.