posted on July 21, 2015 by long2know in angular . Creating a Filter Pipe We. This behavior can be turned on or off. But in this case we only want to display the users that are under the age of 18. Perfect for building contact lists. In base class it returns null. // Mandatory - The agInit(params) method is called on the floating filter once. Use (dot) .filter API provide by AngularJS framework to add. Use a filter function in your Angular component. Here's our component's Typescript file. If you create your own filter and floating filter, it is up to you which method you expose on the filter for the floating filter to call. To try it out sign up for a free 30-day trial. I think it will be better to separate the table component into two. In the previous part, we created a skeleton. Step 3 - Add Code on App.Module.ts File. Params is an Angular router API that contains the parameter value. Full-stack developer. For adding a filtration in table setting we just need an optional override method getFilterColumnSettings(). OrderBy specifies an order to an array by expression. // override the value of mirrorProduct with filtered value, , {{ currency_expression | currency : symbol : fractionSize}}, ,