AngularJS custom filter example

In previous post, we have seen about angularJS inbuilt filter. In this post, we are going to how to create your own filters.

AngularJS tutorial:

• AngularJs hello world example
• AngularJs controller examples
• AngularJs ng-repeat example
• AngularJs Built-in filter example
• AngularJs custom filter example
• AngularJs ajax example using $http
• AngularJS RESTful web service JAXRS CRUD example using $http

Filters are used to format data in desired way.
For creating a filter , you need to attach it with the module.

angular.module('myApp')
  .filter('customFilter', function () {
    return function (input) {
      if (input) {
        return input;
      }
    };
  });

Lets take example where we will convert string to upper case and replace “_” by space(” “).

Example:

Copy below text , open notepad , paste it and save it as angularJSCustomFilterExample.html and open it in the browser.

  
  
  
  
  
  
 
  
  
    
   
  {{java2blogMsg|java2blogFilter}}   !!!  
  
  
 

Output:

HELLO FROM JAVA2BLOG !!!