How to access scope variables from within a directive in angular.js?

Question

I have defined my own custom filter, in order to search through posts in an angular.js web application:

app.filter('myfilter', function() {
return function(postList, term) {
  var out = [];

  if(!postList) return out;    
  if(!term) return postList;

  var i;
  for(i = 0; i < postList.length; i++){
    if(postList[i].title.indexOf(term) >=0){
        out.push(postList[i]);
    }

    if($scope.isContentFilterOn.checked){
        if(postList[i].text.indexOf(term) >=0){
                out.push(postList[i]);
            }
        }
    }
    }
    return out;
}
});

Of course the above will not work, because I can't access scope variables, and simply passing the $scope doesn't work as well. How could I do it - is there any simple and fast way?

Edit: source http://plnkr.co/edit/G9BFBTaKdUmki8MJegrn?p=catalogue

possible duplicate question: stackoverflow.com/questions/17596246/… — Patrick Motard
– Patrick Motard, Commented May 18, 2015 at 21:58
This is what services were made for. Create an api to hold the state of the filter and let the controller and directive use them both — richbai90
– richbai90, Commented May 18, 2015 at 22:42

brenters · Accepted Answer · 2015-05-18 23:28:36Z

0

You can pass any number of scope members directly to the filter (separated by a colon)...

myfilter:filterTerm:isContentFilterOn

Update the filter method signature...

function(postList, term, isContentFilterOn) {

Then use it how you wish...

 if (isContentFilterOn) {

Oh and don't forget you may need to define isContentFilterOn in the scope as false to begin with so it's available to the filter right away...

$scope.isContentFilterOn = false;

Updated Plunker here to show what I mean...

http://plnkr.co/edit/vPTBws0JBpwvKY0ywCPC?p=preview

edited May 18, 2015 at 23:28

answered May 18, 2015 at 23:08

brenters

463 bronze badges

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

1 Comment

brenters Over a year ago

Also fyi you don't use isContentFilterOn.checked just isContentFilterOn (as the ng-model will resolve to true or false because a checkbox element can only have 2 values (checked/unchecked i.e. true/false).

Collectives™ on Stack Overflow

How to access scope variables from within a directive in angular.js?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related