Próbuję przyjrzeć się AngularJS z backendem cf

Mam następujący kod, który pobiera regularne cfquery zwane getIndex, które pobiera pięć wierszy kolumn (firstName, lastName)

var theQuery = <cfoutput>#serializeJSON(getIndex,true)#</cfoutput>;
        var theData = theQuery.DATA

        function dataLooper($scope){
            $scope.people = theData;
            console.log($scope.people);
        }

dziennik konsoli generuje

Obiekt {FIRSTNAME = [5], LASTNAME = [5]}

mój HTML wygląda tak

<div ng-controller="dataLooper">
          <div ng-repeat="person in people">
          {{person}} - {{person.FIRSTNAME}}<br>
          </div>
</div>

który produkuje

    ["Yasteel","Kyleigh","Gary","Nick","Kerry-Leigh"] -
["Si","No","Ho","Ga","Gr"] - 

Oczywiście brakuje mi czegoś, ponieważ w ogóle tego nie oczekiwałem. Zgaduję, że dzieje się tak, ponieważ AngularJS szuka Arrray zamiast obiektu. Nie jestem pewien, ale miałem nadzieję, że serializacjaJSON da mi jakiś rodzaj użytecznego obiektu bez dużej dodatkowej manipulacji. Czy ktoś może wskazać mi właściwy kierunek?