javascript - AngularJS 不打印变量

Question

我目前正在使用 angularJS 构建我的第一个单页应用程序。我的 Controller 中存储的变量信息未显示在页面上。在广泛尝试解决此问题后，我不知道为什么它不显示。

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

我的 Controller 看起来像这样。

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

重复函数按预期工作并形成两个表，但是带有类名的两个 div 在页面上都没有任何文本。我也尝试过使用 ng-binding="pers.person" 但没有成功。

预先感谢您针对我遇到的这个问题提供的任何帮助。

Answer 1

应该是{{x.person}}您正在使用 pers 的 ng-repeat 以及别名 x