Empty Angular Fiddle

by Aaron Bickle

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.12/angular.js"></script>
<div data-ng-controller="myCtrl">
    <ul>
        <li data-ng-show="ordersVisible">
            <div data-ng-repeat="order in orders">
                <span data-ng-bind="order.id"></span>
                <span data-ng-bind="order.description"></span>
            </div>
        </li>
    </ul>
</div>

JavaScript

var app = angular.module("myApp", []);

app.controller('myCtrl', ['$scope', '$timeout', function ($scope, $timeout) {
    $scope.ordersVisible = true;
    
    $scope.orders = [
        { id: 123545, description: "Product 1" },
        { id: 123545, description: "Product 2" },
        { id: 123545, description: "Product 3" },
        { id: 123545, description: "Product 4" },
        { id: 123545, description: "Product 5" },
        { id: 123545, description: "Product 6" },
        { id: 123545, description: "Product 7" },
    ];
}]);