<!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 */