Articles → ANGULAR.JS → Bind Data In Table In Angular.JS

Bind Data In Table In Angular.JS







<script type = "text/javascript">
 var app = angular.module('app', []);
app.controller('myController', function($scope) {
 $scope.Voters = [{
   Name: "Karan",
   Age: 33
  },
  {
   Name: "Anurag",
   Age: 26
  },
  {
   Name: "Ritesh",
   Age: 34
  }
 ];
}); 
</script>




<div ng-app="app" ng-controller="myController">
	<table>
		<tr ng-repeat="voter in Voters">
			<td> {{voter.Name}} </td>
			<td> {{voter.Age}} </td>
		</tr>
	</table>
</div>



Output


Picture showing the output of how to bind HTML data table using angular.js
Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Monday, July 27, 2015

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250