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
 


  

 
Custom Filter
Question Posted on 17 Apr 2020

Home >> Tutorial >> AngularJS >> Custom Filter


Custom Filter
Apply Filter an Array based on user input:-Here we can use filter on input field which is use an expression. And to apply filter we apply setting on ng-model directive on an input field. Once we type a letter in the input field, and list will be shrink and grow depending on the match.
Need to apply filter on below list:-
Jam
Carry
Margareth
Hege
Rod
Gustav
Birgit
Mary
Kai


AngularJS Input Filter
Sort an Array on User input(on Click)
Here you will get and example when you click on table headers to change the sort the order. Below is the table which have the data:-

Name     Country
Jani    Norway
Carl    Sweden
Marg    England
Hege    Norway
Joel    Denmark
Gust    Sweden
Birg    Denmark
Mary    England
Kaip    Norway

To add ng-click directive on table headers we run a function that changes the sorting order of array. Below is the example for that:-


AngularJS Header Click
Custom Filters
We can make our own filter by apply some custom filter on over this


AngularJS Custom Filter





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 |