<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<body ng-app="myApp" ng-controller="StudCtrl">
<h1>Displaying Students Details </h1>
<table border=2>
<thead>
<tr>
<th>S.No</th>
<th>Name</th>
<th>Class</th>
<th>City</th>
</tr>
</thead>
<tr ng-repeat="x in StudDetails">
<td> {{x.rollno}} </td>
<td> {{x.name}} </td>
<td> {{x.class}} </td>
<td> {{x.city}} </td>
</tr>
</table>
</body>
<script>
var app = angular.module('myApp', []);
app.controller(
'StudCtrl', function ($scope) {
$scope.StudDetails = [{
rollno: 101,
name: 'Avishkar Tapkir',
class: 'fybba ca',
city: 'pune',
}, {
rollno:102,
name: 'Om more',
class: 'fybba ca',
city: 'mumbai',
}, {
rollno: 103,
name: 'Kisan Dhobale',
class: 'sybba ca',
city: 'nagar',
}, {
rollno: 104,
name: 'aakash jadhav',
class: 'sybba ca',
city: 'nasik',
}, {
rollno: 105,
name: 'Aaditya Giakwad',
class: 'tybba ca',
city: 'Pune',
},
{
rollno: 106,
name: 'Durendra Kumar',
class: 'sybba ca',
city: ',
},
{
rollno: 7,
name: 'aniket bhosale',
class: 'fybba ca',
city: 'ahmednagar',
},
{
rollno: 8,
name: 'aniket chavan',
class: 'fybba ca',
city: 'ahmednagar',
},
{
rollno: 9,
name: 'abhay deshmukh',
class: 'fybba ca',
city: 'pune',
},
{
rollno: 10,
name: 'ajay deshmukh',
class: 'tybba ca',
city: 'pune',
}
];
});
</script>
</html
0 Comments