Untitled

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@1.5.8" data-semver="1.5.8" src="https://code.angularjs.org/1.5.8/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script data-require="ui-router@*" data-semver="1.0.0-beta.2" src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/1.0.0-beta.2/angular-ui-router.js"></script>

    <script src="script.js"></script>
  </head>

  <body ng-app="APP" ng-controller="Controller">
    <ul ng-repeat="item in list">
      <li>{{item}}</li>
    </ul>
  </body>

</html>

// Code goes here

var APP = angular.module("APP", ["ui.router"]);
var APP = angular.module("APP");


APP.config(["$locationProvider", "$stateProvider", "$urlRouterProvider", function($locationProvider, $stateProvider, $urlRouterProvider) {

    $stateProvider
        .state("index", {
            url: "/",
            controller: "Controller",
            templateUrl: "index.html"
        });

}]);


//var APP = angular.module("APP");





APP.controller("Controller", ["$scope", function($scope) {
    
    $scope.list = [];
    
    for(var i = 0; i < 50; i++){
      $scope.list.push(i);  
    }
  
  
}]);

/* Styles go here */