Tengo 2 JSON que fusiono dentro de un [{}], ambos tienen un valor que hace referencia al JSON del que provienen: 'gridCode'

Lo que estoy tratando de lograr es tener una separación visual en mi vista dependiendo del 'código de cuadrícula' como este: , la parte superior debe ser su propio grupo y la parte inferior es propia, pero aún están en el mismo JSON

Probé muchos enfoques, como usar el método angular.filter groupBy y filter pipe, pero sin éxito, agradecería mucho si alguien pudiera guiarme :)

Así es como se ve mi repetidor:

 <div class="flex-grid" style="margin-top: 1.5rem" ng-repeat="question in autoQuestions track by $index" data-keyboard="false" data-backdrop="static"> <div class="row" style="align-items: center;"> <div class="cell colspan6" style="text-align: end; padding-right: 10%">{{question.libelle}}</div> <label class="input-control checkbox cell colspan6"> <input type="checkbox" ng-model="reponseQuestion[$index].answer" ng-init="reponseQuestion[$index].answer=false" ng-click="enableBtn(question.code, $index)"> <span class="check"></span> </label> </div> </div>

una muestra de mi JSON:

 var autoQuestions = [{ 0 : { autocontroleGestionnaireReponse : null, libelle: test, gridCode: 123 questionCode: 1478 }, 1 : { autocontroleGestionnaireReponse : null, libelle: testTest, gridCode: 1234 questionCode: 147896 }