<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-example100-production</title>
  

  <script 
src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
  

  
</head>
<body ng-app="myModule">
  <script>
  var myApp = angular
            .module("myModule", [])
            .controller("myController", function ($scope) {

                var employees = [

                    {
                        Name: "Srini",
                        DOB: "17/05/1985",
                        Gender: "Male",
                        Salary: "$30"
                    },
                {
                    Name: "Asha",
                    DOB: "16/10/1990",
                    Gender: "Female",
                    Salary: "$300"
                },
                 {
                     Name: "Maanya",
                     DOB: "04/09/2013",
                     Gender: "Female",
                     Salary: "$3000"
                 },
                 {
                     Name: "Kareem",
                     DOB: "20/08/1988",
                     Gender: "Male",
                     Salary: "$3000"
                 },
                 {
                     Name: "salma",
                     DOB: "20/08/1989",
                     Gender: "Female",
                     Salary: "$3000"
                 },
                ];

                $scope.employees = employees;

            });

</script>
  <div ng-controller="myController">
        <table>
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Date of birth</th>
                    <th>Gender</th>
                    <th>Salary (number)</th>
                    <th>Salary (currency)</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="employee in employees">
                    <td>{{employee.Name | uppercase}}</td>
                    <td>{{employee.DOB | date:"dd/MM/yyyy" }}</td>
                    <td>{{employee.Gender | lowercase}}</td>
                    <td>{{employee.Salary |number:2}}</td>
                    <td>{{employee.Salary | currency:"USD$":0}}</td>
                </tr>
            </tbody>
        </table>

    </div>
</body>
</html>

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to