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!
|
Hi there! Welcome to my blog. My name is Anil Singh. I'm a author of this blog.
For more detail about me, kindly refer to this link..
|
You Might Also Like
