Angular-js filter with some parameters

Question

I have an array of products that I'm repeating over using ng-repeat and am using

<div ng-repeat="product in products | filter:company_filter">

The filter is working but i want to pass some parameters to my filter like product type, ...

How can i do ?

korteee · Accepted Answer · 2017-10-10 10:22:08Z

2

You can add multiple parameters on your custom filter with the following syntax:

product in products | myFilter:firstParameter:secondParameter

answered Oct 10, 2017 at 10:22

korteee

2,7122 gold badges21 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

hame-dhib · Accepted Answer · 2017-10-11 13:07:12Z

1

In templates, you can separate filter arguments by colons.

{{ yourExpression | yourFilter: arg1:arg2:... }}

From Javascript, you call it as

$filter('yourFilter')(yourExpression, arg1, arg2, ...)

answered Oct 11, 2017 at 13:07

hame-dhib

4385 silver badges12 bronze badges

Faly · Accepted Answer · 2017-10-10 10:14:12Z

0

I think you can pass an object having multiple fields as a parameter of your filter:

<div ng-repeat="product in products | filter:params">
$scope.params = { company: "xyz", type: "abc" }

answered Oct 10, 2017 at 10:14

Faly

13.4k2 gold badges21 silver badges39 bronze badges