How to pass $scope value to custom filter in AngularJs?

Question

I have an array show below,

$scope.selectionCat = ['1','3','4']

In HTML am calling like

Custom filter

.filter('filterForCat', function () {
  return function (item, scope) {
    return (scope.selectionCat.indexOf(item.category_id.id) !== -1);
  };
})

When am trying to read'scope.selectionCat' values am getting error like 'Cannot read property 'id' of undefined'

Can i get any help to solve this?

category_id is undefined. Have you verified that it exists on item? — David L
– David L, Commented May 11, 2017 at 6:26
yes i have verified.. when i console it am getting an array of objects.. — Raghav
– Raghav, Commented May 11, 2017 at 6:29
There is no such thing as this in a template. Don't pass the scope. Pass selectionCat. — JB Nizet
– JB Nizet, Commented May 11, 2017 at 6:31

Pengyy · Accepted Answer · 2017-05-11 07:00:36Z

1

Guess you want to filter items which's id is included by scope.selectionCat, as commented by @JB Nizet, you should not pass scope(this) to filters which you can but should avoid using filter this way, and you have to return filter result not just true/false of an expression.

Also for the error you are facing will be solved by Array.filter for if there's no data in items, the callback of Array.filter won't be executed.

Here you filter can be written like below

.filter('filterForCat', function () {
  return function (items, selectionVat) {
    return items.filter(function(item) {
      return selectionCat.indexOf(item.category_id.id) !== -1
    });
  };
})

edited May 11, 2017 at 7:00

answered May 11, 2017 at 6:55

Pengyy

38.3k15 gold badges85 silver badges73 bronze badges

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

Collectives™ on Stack Overflow

How to pass $scope value to custom filter in AngularJs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related