Hi Guest 1 HomePage 1 Jobs 1 WalkIn 1Articles  

 :) Latest Topic
Numbers And Strings
Objects And Array
AngularJS VS JavaScript
Controllers in Files
Load the Library
AngularJS Directives
Repeating Directive
AngularJS Facts
Create Directives
Restrict Directive
Custom Filter
AngularJS Services
AngularJS Service 2
AngularJS Tables
Select Option
Select Option 2
AngularJS Forms
Form Validation
Validation CSS
Validation Example
AngularJS API
AngularJS $http
AngularJS Database
AngularJS HTML DOM
AngularJS Events
Custom Validation
AngularJS Tutorial
AngularJS Introduction
Angular init Directive
AngularJS Expressions 1
AngularJS Applications
AngularJS Expressions 2
Angular CSS Properties
AngularJS JSON
AngularJS Modules
Controller Basic
Add a Directive
Model Directive
Validate Inputs
CSS Classes
Data Binding
AngularJS Controller
AngularJS Scope
Root of Scope
AngularJS Filters
 


  

 
AngularJS Filters
Question Posted on 17 Apr 2020

Home >> Tutorial >> AngularJS >> AngularJS Filters


AngularJS Filters
As we knows in another language filter is used to format data same as this done in AngularJS. Filter can be added in AngularJS to format data. Below are the different AngularJS Filters:-

(1)currency:-From this we will format number to a currency format.
(2)date:-From this we will format a date to a specific format.
(3)filter:-From this we will select a subset of items from an array.
(4)json:-From this we will format and object to JSON string.
(5)limitTo:-From this we will limits an array/string into a specified number of elements and charcaters.
(6)lowercase:-From this we will format a string to lower case.
(7)number:-From this we will format a number to a string.
(8)orderBy:-From this we will do orders an array by an expression.
(9)upppercase:-From this we will format a string to upper case.

Below is the example for converting string to uppercase and lowercase


Angular Filters
Adding Filters to Directives
We can also add Filters to directives like ng-repeat and to use that we will use "|" pipe character to apply filter.

Angular Filters Array

Currency Filter


Angular Currency Filter
The filter Filter
filter filter select a subset of an array. The filter filter can only be used on arrays and then returns array containing only the matching characters or items.


Angular filters to filters





Other Important Questions
Numbers And Strings
Objects And Array
AngularJS VS JavaScript
Controllers in Files
Load the Library







 
Top Searches:asp net questions vb net questions sql query uddl questions class javascript Questions sharepoint interview questions and concept silverlight questions and concept wcf questions beans general knowledge ajax questions
PHP | Biztalk | Testing | SAP | HR |