javascript - AngularJS:ng-repeat 不工作

Question

ng repeat 不适用于我的 Angular 代码。

这是部分内容:

 <section class="artistpage">
      <ul class="artistlist">
        <li ng-model = "questions" ng-repeat="item in questions">
          <input type="checkbox" name = "q">{{item.ct}}
          </input>
          </li>
         </ul>
    </section>

这是 Controller :

var testControllers = angular.module('testControllers', []);

testControllers.controller('ListController', ['$scope', '$http', function($scope, $http) {
  $http.get('js/cat.json').success(function(data) {
    $scope.questions = data;
  });
}]);

数据:

 [ 
   {
     "info":{  
         "cid":1,
         "ct":"T1",
         "ctg":"math",
         "pcid":78
      }
   },
   {
      "info":{  
         "cid":2,
         "ct":"T2",
         "ctg":"math",
         "pcid":78
      }
   },
   {
      "info":{  
         "cid":3,
         "ct":"T3",
         "ctg":"Py",
         "pcid":2
      }
   }
]

我一直无法弄清楚为什么这不起作用。请帮忙!

Answer 1

这里的问题是你没有访问对象信息，你应该访问每个元素信息并获取值

像这样改变你的 ng-repeat，

<li ng-model = "question" ng-repeat="item in questions">
           {{item.info.ct}}
</li>

工作 Plunker