<html ng-app="employeeApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="EmployeeController">
<h1>Employee Details</h1>
<label for="orderBy">Order by Salary:</label>
<select id="orderBy" ng-model="orderProperty">
<option value="salary">Ascending</option>
<option value="-salary">Descending</option>
</select>
<table>
<tr>
<th>Name</th>
<th>Age</th>
<th>Salary</th>
</tr>
<tr ng-repeat="employee in employees | orderBy: orderProperty">
<td>{{ employee.name }}</td>
<td>{{ employee.age }}</td>
<td>{{ employee.salary | currency }}</td>
</tr>
</table>
<script>
var app = angular.module('employeeApp', []);
app.controller('EmployeeController', function ($scope) {
$scope.employees = [
{ name: 'Anil', age: 30, salary: 60000 },
{ name: 'Bhavesh', age: 28, salary: 55000 },
{ name: 'Cetan', age: 35, salary: 75000 },
{ name: 'Devesh', age: 32, salary: 70000 }
];
$scope.orderProperty = 'salary';
});
</script>
</body>
</html>
No comments:
Post a Comment