Javascript 重复ng的麻烦

我正试图掌握AngularJS，并让它从一个控制器中回显单个内容，但当我尝试将一个循环与ng repeat合并时，我得到的是{{tasks.title}}在屏幕上闪烁一秒钟，然后是一个空div。 我查过的任何例子似乎都有点不同，我试过几种方法，有人能看出我错在哪里吗

控制器：

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

HTML:

{{tasks.title}}

您访问的是属性任务列表，而不是实际任务。它应该是

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>

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

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