Scribd Logo
Upload

Welcome to Scribd!

  • 9 P

    Uploaded by

    Prathiksha Kulal
    2 views1 page
    This document defines an AngularJS application with an EmployeeController that displays a table of employee names and salaries. The table uses filters bound to search inputs to allow filtering by name and salary. The controller initializes an employees array with sample data.

    Original Description:

    Original Title

    9p

    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
    This document defines an AngularJS application with an EmployeeController that displays a table of employee names and salaries. The table uses filters bound to search inputs to allow filtering by name and salary. The controller initializes an employees array with sample data.

    Copyright:

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

    9 P

    Uploaded by

    Prathiksha Kulal
    This document defines an AngularJS application with an EmployeeController that displays a table of employee names and salaries. The table uses filters bound to search inputs to allow filtering by name and salary. The controller initializes an employees array with sample data.

    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 Directory</title>
    <script
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></
    script>
    </head>
    <body>
    <div ng-controller="EmployeeController as empCtrl">
    <h1>Employee Directory</h1>

    <input type="text" ng-model="searchName" placeholder="Search by name">


    <input type="text" ng-model="searchSalary" placeholder="Search by salary">

    <table>
    <thead>
    <tr>
    <th>Name</th>
    <th>Salary</th>
    </tr>
    </thead>
    <tbody>
    <tr ng-repeat="employee in empCtrl.employees | filter: { name:
    searchName, salary: searchSalary }">
    <td>{{ employee.name }}</td>
    <td>{{ employee.salary }}</td>
    </tr>
    </tbody>
    </table>
    </div>

    <script>
    angular.module('employeeApp', [])
    .controller('EmployeeController', function() {
    this.employees = [
    { name: 'John Doe', salary: 50000 },
    { name: 'Jane Smith', salary: 60000 },
    { name: 'Mark Johnson', salary: 55000 },
    { name: 'Emily Davis', salary: 62000 },
    { name: 'Michael Wilson', salary: 58000 },
    { name: 'Sarah Brown', salary: 53000 },
    { name: 'Chris Lee', salary: 56000 },
    { name: 'Amanda Taylor', salary: 59000 },
    { name: 'James Anderson', salary: 61000 },
    { name: 'Lauren Martinez', salary: 54000 }
    ];
    });
    </script>
    </body>
    </html>

    You might also like