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>