AngularJS apply filter in controller

Question

I have root controller in my AngularJS web application and filter. Filter works if i apply it in the html template, but it doesn't work if i'm trying to apply filter in the controller.

function Controller ( ... deps ...) {
    filter = $filter('my_filter');
    $scope.$apply(function(){$scope.error_message =  filter('ERROR');});
}

filter must returns simple error string to the <p>, it doesn't work.

If i make:

<p>{{'....' | my_filter}}</p>

It works. Why?

Thank you.

joakimbl · Accepted Answer · 2013-05-27 15:07:39Z

1

Don't wrap $scope.error_message = filter('ERROR'); in $scope.$apply - this will cause an error because the Controller is invoked in a digest cycle.

This should work:

function Controller ($filter ... other deps ...) {
  var filter = $filter('my_filter');
  $scope.error_message =  filter('ERROR');
}

answered May 27, 2013 at 15:07

joakimbl

18.1k5 gold badges57 silver badges53 bronze badges

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

1 Comment

marceloduende Over a year ago

What if i want to do the exact same thing on a directive? stackoverflow.com/questions/17202242/…

Collectives™ on Stack Overflow

AngularJS apply filter in controller

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