Eu estou tentando dar uma olhada no AngularJS, com um backend cf

Eu tenho o seguinte código que puxa um cfquery regular chamado getIndex que puxa cinco linhas de colunas cada (firstName, lastName)

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

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

o log do console produz

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

meu html parece

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

que produz

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

Obviamente, estou sentindo falta de algo, pois isso não é o que eu esperava. Eu estou supondo que é porque o AngularJS está procurando por um Arrray ao invés de um objeto. Eu não tenho certeza, mas eu estava esperando que serializeJSON me desse algum tipo de objeto utilizável sem muita manipulação extra. Alguém pode me apontar na direção certa?