Ich versuche einen Blick auf AngularJS mit einem Backend zu werfen

Ich habe den folgenden Code, der eine reguläre cfquery namens getIndex abruft, die jeweils fünf Zeilen mit Spalten abruft (firstName, lastName)

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

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

Das Konsolenprotokoll wird erstellt

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

mein html sieht aus wie

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

was produziert

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

Offensichtlich fehlt mir etwas, da dies überhaupt nicht das ist, was ich erwartet habe. Ich vermute, dass AngularJS nach einem Array anstelle eines Objekts sucht. Ich bin mir nicht sicher, aber ich hatte gehofft, dass serializeJSON mir ein brauchbares Objekt ohne viele zusätzliche Manipulationen geben würde. Kann mich jemand in die richtige Richtung weisen?