AngularJS не печатает переменную

Question

В настоящее время я создаю свое первое приложение для одной страницы с угловымJS. Переменная информация, хранящаяся в моем контроллере, не отображается на странице. После экстенсивно пытаясь справиться с этим, я не понимаю, почему он не отображается.

<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> 

Мой контроллер выглядит следующим образом.

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

Функция повтора работает как ожидалось, и сформированы две таблицы, однако оба div S с именем класса, оставшимся без какой-либо текст в них на этой странице. Я также пробовал использовать ng-binding="pers.person" без каких-либо успехов.

Заранее благодарим за любую помощь, которую вы можете предложить с этой проблемой, которую я имею.

Answer 1

должно быть {{x.person}} вы используете ng-repeat из pers с псевдонимом x