angularjs_custom_filter_uppercase

by Nguyen Van Giang

HTML

<title>AngularJS Custom Filter Uppercase</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script>
	var app = angular.module('myApp', []);
	app.controller('myCtrl', function($scope) {
		$scope.name = "John";
	});
    app.filter('makeUppercase', function () {
        return function (item) {
            return item.toUpperCase();
        };
    });

</script>
<body>
	<div ng-app="myApp" ng-controller="myCtrl">
		Name (uppercase): {{ name | makeUppercase }}
	</div>
</body>