How can you use a controller $scope defined function in $filter

Question

Please don't mistake this as the typical question on how to use $filter in a controller with an injected filter. My question has a slight nuance which is using a non-injected filter defined as a $scope property. For example, if you have this controller:

function MyCtrl($scope, $filter)
{
    $scope.itemsSource = [
        {id:1, name:'John'},
        {id:2, name:'Steve'},
        {id:'3', name:'Joey'},
        {id:4, name:'Mary'},
        {id:5, name:'Marylin'}];

    $scope.myFilter = function(){
        return function(val){
        return typeof val.id === 'number' 
      }
    };

    $scope.items = $filter('filter')($scope.itemsSource, $scope.myFilter);
};

What do I need to change in the $filter call to filter itemsSource using the $scope.myFilter function?

Here is a fiddle with a non-working example.

Sarhanis · Accepted Answer · 2016-02-24 04:17:59Z

2

I don't know why you have that closure within your filter function.

If you remove it and add a parameter, so your filter looks as follows, it works:

$scope.myFilter = function(val){
    return typeof val.id === 'number' 
};

Here's an updated fiddle: http://jsfiddle.net/doc6c713/

answered Feb 24, 2016 at 4:17

Sarhanis

1,5851 gold badge12 silver badges20 bronze badges

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

1 Comment

sonicblis Over a year ago

That's how you define a filter for use in html when filtering with a | using angular. Thanks!

Collectives™ on Stack Overflow

How can you use a controller $scope defined function in $filter

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related