AngularJS：ng-repeat无法正常工作

Question

ng重复不适用于我的角度代码。

这是局部的：

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

这是控制器：

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

Answer 2

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

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

ng-model不应该相同。 因此请使用ng-model =“ question”而不是问题

这是pl子

Answer 3

你只需要更换{{item.ct}}与{{item.info.ct}}你有对象info的外部对象内。 检查FIDDLE

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