Scribd Logo
Upload

Welcome to Scribd!

  • Ajs 9

    Uploaded by

    atriahostels
    4 views1 page

    Original Title

    ajs 9

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    4 views1 page

    Ajs 9

    Uploaded by

    atriahostels

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html ng-app="employeeApp">
    <head>
    <title>Employee List</title>
    <script type="text/javascript"
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></
    script>
    </head>
    <body ng-controller="EmployeeController">
    <h2>Employee List</h2>
    <label>Search by Name:</label>
    <input type="text" ng-model="searchName" />
    <label>Search by Salary:</label>
    <input type="number" ng-model="searchSalary" />
    <button ng-click="searchEmployees()">Search</button>
    <ul>
    <li ng-repeat="employee in filteredEmployees">{{ employee.name }} -
    {{ employee.salary}}</li>
    </ul>
    <script>
    angular.module('employeeApp', []).controller('EmployeeController', function
    ($scope) {
    $scope.employees = [
    { name: 'Sharanya', salary: 50000 },
    { name: 'Virat', salary: 90000 },
    { name: 'Rohit', salary: 70000 },
    { name: 'Siraj', salary: 55000 },
    { name: 'Shubman', salary: 80000 }
    ];

    $scope.filteredEmployees = $scope.employees;

    $scope.searchEmployees = function () {
    $scope.filteredEmployees = $scope.employees.filter(function (employee) {
    return (
    (employee.name.toLowerCase().includes($scope.searchName.toLowerCase())
    || !$scope.searchName) &&
    (employee.salary == $scope.searchSalary || !$scope.searchSalary)
    );
    });
    };
    });
    </script>
    </body>
    </html>

    You might also like