AngularJS Built-In filter examples

We need to display output data in some other formats many times . For example: You need to display currency with the number. AngularJS provides many inbuilt filter for this purpose.
AngularJS filters are used to format data in views. “|” symbol is used to apply filter.
AngularJS filter can be applied in two ways

• On AngularJS directives
• On AngularJS expressions

uppercase

This filter is used to change format of text to uppercase.

 



 
  {{java2blogMsg|uppercase}}   !!!

Output: HELLO FROM JAVA2BLOG !!!

lowercase

This filter is used to change format of text to lowercase.

 



 
  {{java2blogMsg|lowercase}}   !!!

Output:hello from java2blog !!!

currency

This filter is used to format number into currency.

 



 
 Cost is {{cost|currency}}

 



 
 {{java2blogMsg | limitTo:5}} !!!

 



  Today 's date  : {{date | date:'dd/MM/yyyy'}}

orderby

This filter is use to order by column in the table.

  

    

  

     
Name
     
Captial
  
 
  

    
{{ con.name }}
    
{{ con.capital }}
  

 

Output:

Filter:

     Filter : 
  
    
      

    

  

     
Name
     
Captial
  
 

  

    
{{ con.name }}
    
{{ con.capital }}
  

Output:
AngularJS filter example