Question

我试图掌握AngularJS并让它能够控制来自控制器的各个事物，但当我尝试将一个循环与ng-repeat合并时，我得到的是{{tasks.title}}在屏幕上闪烁一秒钟，然后是一个空白的空div。我看过的任何例子都有点不同，我尝试了几种方法，谁能看到我出错的地方？

控制器：

app.controller('MainController', ['$scope', function($scope) {
    $scope.tasklist = {
       tasks: [{
            title: 'Wash Dog'
        }, {
            title: 'Email Joe'
        }]};
    }
]);

HTML：

<section class="panel">
   <div ng-controller="MainController">
     <div class="thumbnail" ng-repeat="tasks in tasklist">
       <p>{{ tasks.title }}</p>
     </div>
   </div>
</section>

Answer 1

您正在访问属性任务列表而不是实际任务。它应该是tasklist.tasks

<section class="panel">
   <div ng-controller="MainController">
     <div class="thumbnail" ng-repeat="tasks in tasklist.tasks">
       <p>{{ tasks.title }}</p>
     </div>
   </div>
</section>

另一种方法是删除tasks属性：

app.controller('MainController', ['$scope', function($scope) {
    $scope.tasklist = [
        {
            title: 'Wash Dog'
        }, 
        {
            title: 'Email Joe'
        }
    ];
}]);

ng-repeat有问题

1 个答案: