Filters

Using Angular JS Filters Uppercase, Lowercase, Currency, Filter, Orderby

HTML

<html>

  <head>
    <title>Filters</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
  </head>

  <body>
    <h2>Filterstttt</h2>
    <div ng-app="mainApp" ng-controller="studentController">
      <table border="0">
        <tr>
          <td>Enter first name:</td>
          <td>
            <input type="text" ng-model="student.firstName">
          </td>
        </tr>

        <tr>
          <td>Enter last name: </td>
          <td>
            <input type="text" ng-model="student.lastName">
          </td>
        </tr>

        <tr>
          <td>Enter fees: </td>
          <td>
            <input type="text" ng-model="student.fees">
          </td>
        </tr>

        <tr>
          <td>Search subject: </td>
          <td>
            <input type="text" ng-model="subjectName">
          </td>
        </tr>
      </table>
      <br/>

      <table border="0">
        <tr>
          <td>Name in Upper Case: </td>
          <td>{{student.fullName() | uppercase}}</td>
        </tr>

        <tr>
          <td>Name in Lower Case: </td>
          <td>{{student.fullName() | lowercase}}</td>
        </tr>

        <tr>
          <td>fees: </td>
          <td>{{student.fees | currency}}
          </td>
        </tr>

        <tr>
          <td>Subject:</td>

          <td>
            <ul>
              <li ng-repeat="subject in student.subjects | filter: subjectName |orderBy:'name'">
                {{ subject.name + ', marks:' + subject.marks }}
              </li>
            </ul>
          </td>
        </tr>
      </table>

    </div>

    <script>
      var mainApp = angular.module("mainApp", []);

      mainApp.controller('studentController', function($scope) {
        $scope.student = {
          firstName: "Paola",
          lastName: "DAntonio",
          fees: 200,

          subjects: [{
            name: 'Spanish',
            marks: 90
          }, {
            name: 'English',
           ...