AngularJS druckt keine Variable

Question

Ich baue gerade meine erste Single-Page-App mit angularJS. Die in meinem Controller gespeicherten Variableninformationen werden auf der Seite nicht angezeigt. Nachdem ich ausgiebig versucht habe, das Problem zu lösen, weiß ich nicht, warum es nicht angezeigt wird.

<div ng-repeat="x in pers" class="person"> 
    <div class="name">{{ pers.person }}</div> 
    <div class="out">Out</div> 
    <div class="in" >In</div> 
    <div class="onsite">On site</div> 
    <div class="notes"> 
     <div class='n'></div> 
     <div class='dn'>Delete note</div> 
     <div class='an'>Add note</div> 
    </div> 

Mein Controller sieht so aus.

app.controller("MainController", ['$scope', function($scope) { 
    $scope.pers = [ 
    { 
     person: 'Nick', 
    }, 
    { 
     person: "Greg", 
    }]; 
}]); 

Die Repeat-Funktion funktioniert wie erwartet und zwei Tabellen gebildet werden, jedoch sowohl die div s mit dem Klassennamen werden in ihnen auf der Seite ohne Text links. Ich habe versucht, ng-binding="pers.person" auch ohne Erfolg zu verwenden.

Vielen Dank im Voraus für jede Hilfe, die Sie mit dieser Frage, die ich habe, anbieten können.

Answer 1

sollte es {{x.person}} sein Sie ng-repeat von pers mit dem Alias ​​x