不能顯示AngularJS中的數組數據

Question

我打印出來的數據有問題。

我

{{orders}} =  
    [{"item":"DELL","quantity":6,"price":144}, 
    {"item":"Samsung","quantity":3,"price":3131}, 
    {"item":"222222","quantity":1,"price":31}, 
    {"item":"111111111","quantity":1,"price":13}] 

我嘗試查看

<div ng-repeat="order in orders track by $index"> 
    <span>{{ order[$index].item }} 
    </span> 
    </div> 

並沒有什麼。有人可以幫助我嗎？

編輯： 還不行

{{訂單}}

<div ng-repeat="order in orders track by $index"> 
<span> 
    {{order.item}} 
</span> 

並沒有什麼

控制器：

$scope.ListOfOrders = function() { 
     return ApiService.cart.list().then(function (resp) { 
      $scope.orders = resp[0].order; 
      console.log(resp[0].order) 
     }); 
} 

Answer 1

UI

<div ng-repeat="order in orders track by $index"> 
<span>{{order.item}}</span> 
</div> 

控制器

$scope.orders = [{ 
    "item": "DELL", 
    "quantity": 6, 
    "price": 144 
    }, { 
    "item": "Samsung", 
    "quantity": 3, 
    "price": 3131 
    }, { 
    "item": "222222", 
    "quantity": 1, 
    "price": 31 
    }, { 
    "item": "111111111", 
    "quantity": 1, 
    "price": 13 
    }] 

工作Solution

Answer 2

在每一個你並不需要綁定order[$index]，NG-重演重申對象所以只寫：

<div ng-repeat="order in orders track by $index"> 
    <span>{{ order.item }} 
    </span> 
</div>