--- title: "How to use a filter in a controller?" description: "How to use a filter in a controller?" author: "Revati S Misra" published: 2024-06-17 updated: 2024-06-18 canonical: https://www.mindstick.com/forum/160750/how-to-use-a-filter-in-a-controller category: "angular js" tags: ["javascript", "angular js", "angularjs filter"] reading_time: 3 minutes --- # How to use a filter in a controller? How to use a [filter](https://www.mindstick.com/forum/1176/filter-in-a-xml-file-in-c-sharp) in a [controller](https://www.mindstick.com/blog/273/passing-values-from-controller-to-view-in-asp-dot-net-mvc)? ## Replies ### Reply by Ashutosh Patel ### Filter in AngularJS Using filters in AngularJS is a powerful way to format and change data displayed in views. Filters can be applied directly in templates to format the data without actually changing the underlying data. AngularJS provides some built-in filters that you can use easily in your program, - **Filter-** Filters an array based on a predicate function or string. ```html
Name
``` - **Order By-** Orders an array based on an expression. ```html
Name
``` ## Example- Here is an example of how to use filters in angular js program ```html Apply Filter Example

Filtered data on "{{name}}"

# Name Country
``` ## In the example above - A dummy json data taken in the `$scope.names` - bind the data into table in HTML template using `ng-repead` - apply the `filter`and `orderBy`filters during fetch data from **json** object and bind into HTML **table body** - `$scope.OrderBy` function respponsible for oders the data when click on column name in the HTML table on the View. ## Output- ![How to use a filter in a controller?](https://www.mindstick.com/mindstickforums/3b66f3a0-f749-42ad-9b6c-127e92d956ca/images/6c19f3c6-f979-4bcb-82d6-b3aaa64816fe.png) By using filters in AngularJS templates you can keep your visual logic clean and readable while providing powerful data transformation capabilities. **Also, Read:** [If else statement in AngularJS.](https://www.mindstick.com/forum/160749/if-else-statement-in-angularjs) --- Original Source: https://www.mindstick.com/forum/160750/how-to-use-a-filter-in-a-controller Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.