<!DOCTYPE html>
<html>

  <head>
     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
 <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body ng-app="myapp">
    <div ng-controller="firstController">
    Display all names using ng-repeat
    <br>
    <br>
    <div ng-repeat="data in array">

      {{data.name}}

    </div>
  </div>
  </body>

</html>
var app = angular.module('myapp', []);
     // var app = angular.module('myapp',[]);

     app.controller('firstController', function($scope, $location) {
        
        var arrays = [{
          name: 'John'
        }, {
          name: 'Randy'
        }, {
          name: 'Morkel'
        }, {
          name: 'Sachin'
        }];
        $scope.array = arrays;
      })
      
/* Styles go here */