Hello everyone I am going to share the code
sample for display data in tabular form using ng repeat in angularjs. The code steps
as given below.
The AngularJS code sample
var app =
angular.module('ngRepeatApp',
[]);
app.controller('ngRepeatCtrl', function($scope) {
$scope.users = [{
Id: 1,
name: 'Anil Singh'
}, {
Id: 2,
name: 'Sunil Singh'
} ,{
Id: 3,
name: 'Sushil Singh'
}];
});
The HTML code sample
< div ng-app="ngRepeatApp">
<div ng-controller="ngRepeatCtrl">
<div>ID || Name </div>
<div ng-repeat="user in
users">
<div style=" background-color : yellow">
<div>{{user.Id}} || {{user.name}}</div>
</div>
</div>
</div>
</ div >
The Full live code sample(HTML +
AngularJs) as given below
<!DOCTYPE html>
<html>
<head>
<script>
var app =
angular.module('ngRepeatApp',
[]);
app.controller('ngRepeatCtrl', function($scope) {
$scope.users = [{
Id: 1,
name: 'Anil Singh'
}, {
Id: 2,
name: 'Sunil Singh'
} ,{
Id: 3,
name: 'Sushil Singh'
}];
});
</script>
</head>
<body ng-app="ngRepeatApp">
<div ng-controller="ngRepeatCtrl">
<div>ID || Name </div>
<div style=" background-color : yellow">
<div>{{user.Id}} || {{user.name}}</div>
</div>
</div>
</div>
</body>
</html>
Thank you!
Thank you!
|
Anil Singh is an author, tech blogger, and software programmer. Book writing, tech blogging is something do extra and Anil love doing it. For more detail, kindly refer to this link..
|