Question

我目前正在使用angularJS构建我的第一个单页应用。存储在我的控制器中的变量信息不会显示在页面上。在广泛尝试解决这个问题后，我不知道为什么它没有显示。

<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",
    }];
}]);

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

提前感谢您提供的有关此问题的任何帮助。

Answer 1

它应该是{{x.person}} 您使用ng-repeat pers的别名x

AngularJS不是打印变量

1 个答案: