Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
AngularJS Custom Filter Example
Keywords : Angularjs create custom filter example, Simple custom filter example in angularjs, Angularjs custom filter to convert format example, Angularjs build custom filters example
Example
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> AngularJs Custom Filter Example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('angularcustomapp', []); app.filter('convertUpper', function () { return function (item) { return item.toUpperCase(); }; }); app.controller('CustomCtrl', function ($scope) { $scope.name = 'Welcome to Tutlane.com'; }); </script> </head> <body ng-app="angularcustomapp"> <h2>AngularJS Custom Filters Example</h2> <div ng-controller="CustomCtrl"> <p> {{ name | convertUpper }} </p> </div> </body> </html>
Click Here to See Result
Result
Previous
Next
