AngularJS ng-repeat не отображает данные

Question

Внутри моего контроллера есть массив, который я пытаюсь перебрать в таблицу внутри моего шаблона представления.Внутри консоли я вижу объекты массива, но внутри таблицы я вижу только строки без отображаемых данных.

Шаблон HTML:

<div class="availability-list-table" ng-controller="InventoryController">
<table class="table availability-table">
    <tbody>
    <tr ng-repeat="item in items">
        <td>{{items.qty}}</td>
        <td>{{items.item}}</td>
    </tr>
    </tbody>
</table>

Контроллер:

    app.controller('InventoryController', ['$scope', function($scope) {

    $scope.items = [
        {
            item: 'Blue Moon Pint',
            qty: 50,
        },
        {
            item: 'Bud Light Pint',
            qty: 50,
        },
        {
            item: 'Sprite',
            qty: 30,
        },
        {
            item: 'Coke',
            qty: 100
        }
    ];
}]);

Как выглядит таблица:

Это то, что я вижу внутри консоли:

Answer 1

Вы просматриваете элементы: item in items.

Попробуйте item.qty и item.item вместо:

<div class="availability-list-table" ng-controller="InventoryController">
<table class="table availability-table">
    <tbody>
    <tr ng-repeat="item in items">
        <td>{{item.qty}}</td>
        <td>{{item.item}}</td>
    </tr>
    </tbody>
</table>