var app = angular.module('employeeModule',[]).controller('employeeControleer', function($scope) { var employees = [ { firstName : 'Mukesh', lastName :'Kumar',age:30, city:'Chennai'}, { firstName : 'Ravi', lastName :'Raj',age:28, city:'Delhi'}, { firstName : 'Amit', lastName :'Raj',age:26, city:'Gurgaon'}, { firstName : 'Aayush', lastName :'Chauhan',age:18, city:'Patna'}, { firstName : 'Mitaki', lastName :'Raj',age:24, city:'Gurgaon'} ]; $scope.employees=employees; });
<body ng-app="employeeModule"> <div ng-controller="employeeControleer"> <table border="1"> <thead> <tr> <th>First Name</th> <th>Last Name</th> <th>Age</th> <th>City</th> </tr> </thead> <tbody> <tr ng-repeat= "employee in employees"> <td>{{employee.firstName}}</td> <td>{{employee.lastName}}</td> <td>{{employee.age}}</td> <td>{{employee.city}}</td> </tr> </tbody> </table>