---
title: "How do filters work in AngularJS?"
description: "How do filters work in AngularJS?"
author: "Steilla Mitchel"
published: 2024-06-19
updated: 2024-06-19
canonical: https://www.mindstick.com/forum/160765/how-do-filters-work-in-angularjs
category: "angular js"
tags: ["javascript", "angular js", "angularjs filter"]
reading_time: 3 minutes
---
# How do filters work in AngularJS?
How do [filters work in AngularJS](https://www.mindstick.com/interview/34020/how-do-filters-work-in-angularjs-and-can-you-create-a-custom-filter)?
## Replies
### Reply by Ashutosh Patel
#### AngularJS Filters
[Filters](https://www.mindstick.com/forum/156119/how-to-use-filters-in-angularjs) in [AngularJS](https://www.mindstick.com/forum/33926/use-angularjs-without-scope-in-mvc) are used to set the value of an expression to be displayed to the user. They can be used in visual templates programmatically in the main syntax system ({{ word | filter:options }}) or in controllers and services.
**Also, Read:** [How to display length of filtered ng-repeat data?](https://www.mindstick.com/forum/160752/how-to-display-length-of-filtered-ng-repeat-data)
#### How Filters works
Here are few points that explains the working of filters in Angular application,
## Usage in Templates-
Filters are applied to expressions in double curly braces (`{{ }}`) or directives such as ng-bind. **Syntax**
`{{ expression | Filter:Options }}` **Example**
`
{{ dateValue | date:'yyyy-MM-dd' }}
` This example has the word `dateValue`, the filter name date, and the filter parameters (options) '`yyyy-MM-dd`'.
## Chaining Filters
Filters can be chained using the pipe (`|`) symbol. **Example**
`
{{ textValue | uppercase | limitTo:20 }}
` Here, the `textValue` is first converted to uppercase (`uppercase` filter), then limited to 20 characters (`limitTo` filter).
**Filtering Arrays** Filters can also be used to **filter** an array based on specific criteria using `filter`.
## Example-
```html
{{ item.name }}
```
In this example, objects are lists of `items`, and `searchText`is a pattern bound to the input field. AngularJS will filter objects based on the `searchText`value.
## Example-
```html
ng-Root Scope