App/Test.html at master · subo93/App · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<html>

<head>
    <title>Angular JS Filters</title>


        <script src="/MyApp.js"/>
            <script src="/angular.min.js"/>

</head>

<body>
<h2>AngularJS Sample Application</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>Enter 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:'marks'">
                        {{ 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: "Mahesh",
            lastName: "Parashar",
            fees:500,

            subjects:[
                {name:'Physics',marks:70},
                {name:'Chemistry',marks:80},
                {name:'Math',marks:65}
            ],

            fullName: function() {
                var studentObject;
                studentObject = $scope.student;
                return studentObject.firstName + " " + studentObject.lastName;
            }
        };
    });
</script>

</body>
</html>