div中的ng-repeat無法正常工作

Question

我已經從后端收到了active_content，並且從console.log確認為數組，響應很好。 但是，這里的ng-repeat似乎不起作用。 我試圖在類似設計的圖塊中顯示類的詳細信息，以便每個類都有各自的圖塊以及各自的詳細信息。

的HTML

<div class="row">
  <div ng-repeat="content in active_content" class="col-md-3">
     <div class="info-tile">
        <div class="tile-heading" style="font-size:30px"><span>{{content.class}}-{{content.division}}</span><span ng-if="content.stream"> | {{content.stream}} </span></div>
        <div style="font-size:20px;text-align:right;"><span>{{content.studentCount}} students</span></div>
        <div style="font-size:20px;text-align:right;padding-bottom:7%;"><span>5 absentees</span></div>
        <div class="tile-footer" style="font-size:13px;"><a  href="#" class="text-danger" ><span ng-show="content.classTeacherGender= 'M'">Mr.</span><span ng-show="content.classTeacherGender == 'F' ">Mrs.</span> {{content.classTeacherfName + " " + content.classTeacherlName}}</a></div>
     </div>
  </div>    

AngularJS

var co_data = {};

   co_data.token = $cookies.get("myToken");



           $http({
             method  : 'POST',
             url     : 'Here goes my php service ',
             data    : co_data,
             headers : {'Content-Type': 'application/x-www-form-urlencoded'}
            })
            .then(function(response) {
            console.log(response);
         if(response.data.status){

               $scope.isContentFound = true;             
               $scope.active_content = response.data.response;
               console.log("Active Content", $scope.active_content);

          }

           else{ 
              $scope.isContentFound = false;      
              $scope.active_content = {};
           }
              }); 
          }
        $scope.fetchContent();

Chrome控制台

Active Content 
(7) [{…}, {…}, {…}, {…}, {…}, {…}, {…}]
0
:
{class: "01", division: "A", classTeacherfName: "Abhijith", classTeacherlName: "C S", classTeacherGender: "M", …}
1
:
{class: "02", division: "A", classTeacherfName: "FAVAZ", classTeacherlName: "M", classTeacherGender: "M", …}
2
:
{class: "04", division: "A", classTeacherfName: "RITHWICK", classTeacherlName: "ANIL", classTeacherGender: "M", …}
3
:
{class: "05", division: "A", classTeacherfName: "MANJU", classTeacherlName: "ANIL", classTeacherGender: "M", …}
4
:
{class: "11", division: "B", classTeacherfName: "Anas", classTeacherlName: "Jafry", classTeacherGender: "M", …}
5
:
{class: "12", division: "A", classTeacherfName: "SHAHIL", classTeacherlName: "NUHMAN", classTeacherGender: "M", …}
6
:
{class: "10", division: "C", classTeacherfName: "SAIRAB", classTeacherlName: "RAHMAN", classTeacherGender: "M", …}

Answer 1

在您的ng-repeat中寫這個。

ng-repeat="content in active_content track by $index"

要么，

ng-repeat="content in active_content track by content.class"

Answer 2

可能是您在Repeater中有重復密鑰嘗試

ng-repeat="content in active_content track by $index"