dileeph · June 9, 2017 18:08
diff --git a/angular-filters.html b/angular-filters.html
 <html>
    <head>
        <script src="angular-1.4.8.js"></script>
    </head>
    <body ng-app="myapp">
        
        <div ng-controller="aController">
            {{ aValue | date}} <br/>
            {{bValue | uppercase}}
                 <br/>         
            <span ng-repeat="student in students | orderBy:'id'">{{student.id}} : {{student.name | capitalizeFirstChar}}</span>
        
        
        </div>
    

        <script>
            angular.module("myapp", []).controller("aController", function($scope){
                $scope.aValue = 200;
                $scope.bValue = "myname";
                $scope.students = [{"id":"23", "name":"john"}, {"id":"22", "name":"jane"}, {"id":"19", "name":"tom"}, {"id":"25", "name":"matt"}];
            });
            
            myapp.filter("capitalizeFirstChar", function(){
                return function(x){
     
                    var i =0, y,c ="";
                    
                    for(i =0; i< x.length; i++){
                        if(i==0){
                            y = x[i].toUpperCase();
                        }else{
                            y = x[i];
                        }     
                        c +=y;
                    }
                    return c;
                }
            })
        
        </script>
    </body>
 </html>
	<html>
	<head>
	<script src="angular-1.4.8.js"></script>
	</head>
	<body ng-app="myapp">

	<div ng-controller="aController">
	{{ aValue \| date}} <br/>
	{{bValue \| uppercase}}
	<br/>
	<span ng-repeat="student in students \| orderBy:'id'">{{student.id}} : {{student.name \| capitalizeFirstChar}}</span>


	</div>


	<script>
	angular.module("myapp", []).controller("aController", function($scope){
	$scope.aValue = 200;
	$scope.bValue = "myname";
	$scope.students = [{"id":"23", "name":"john"}, {"id":"22", "name":"jane"}, {"id":"19", "name":"tom"}, {"id":"25", "name":"matt"}];
	});

	myapp.filter("capitalizeFirstChar", function(){
	return function(x){

	var i =0, y,c ="";

	for(i =0; i< x.length; i++){
	if(i==0){
	y = x[i].toUpperCase();
	}else{
	y = x[i];
	}
	c +=y;
	}
	return c;
	}
	})

	</script>
	</body>
	</html>