ng-repeat無法處理我的數據

Question

以下代碼正常工作。

<div class="row"> 
    <div class="well well-sm">{{roomdata.status}}</div> 
</div> 

但是當我使用NG-重複什麼都沒有顯示

<div class="row"> 
    <div class="well well-sm" ng-repeat="x in roomdata.data">{{x.room_type}}</div> 
</div> 

這裏是我的數據

{ 
    status: 200, 
    message: "Packages Found", 
    data: [ 
     { 
      room_type_id: "81", 
      hotel_id: "72", 
      room_type: "Deluxe", 
      total_rooms: "5", 
     } 
    ] 
} 

編輯：對不起大家。這是我的不好。我在$ http中放置了錯誤的url。現在它工作正常。謝謝大家

Answer 1

好像沒有問題在你的代碼中。但在情況下，如果您有重複的對象上的數據數組，那麼在使用track by $index NG-重複

angular.module("app",[]) 
 
.controller("ctrl",function($scope){ 
 

 
    $scope.roomdata = { 
 
    status:200, 
 
    message:"Packages Found", 
 
    data:[ 
 
     { 
 
     room_type_id:"81", 
 
     hotel_id:"72", 
 
     room_type:"Deluxe", 
 
     total_rooms:"5" 
 
     } 
 
    ] 
 
} 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="ctrl"> 
 
<div class="row"> 
 
    <div class="well well-sm" ng-repeat="x in roomdata.data track by $index">{{x.room_type}}</div> 
 
</div> 
 
</div>

Answer 2

請試試這個代碼..

angular.module("myApp", []) 
 
    .controller("MyController", function($scope) { 
 
    $scope.roomdata = { 
 
    status: 200, 
 
    message: "Packages Found", 
 
    data: [ 
 
     { 
 
      room_type_id: "81", 
 
      hotel_id: "72", 
 
      room_type: "Deluxe", 
 
      total_rooms: "5", 
 
     } 
 
     , 
 
     { 
 
      room_type_id: "81", 
 
      hotel_id: "72", 
 
      room_type: "Deluxe100", 
 
      total_rooms: "5", 
 
     } 
 
    ] 
 
} 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp"> 
 
    <div ng-controller="MyController"> 
 
    <div class="row"> 
 
    <div class="well well-sm" ng-repeat="x in roomdata.data">{{x.room_type}}</div> 
 
</div> 
 
    </div> 
 
</div>

Answer 3

你可以嘗試刪除類（well well-sm ），然後嘗試打印，有時UI UI提供的類會產生問題