AngularJS - own filter

Question

I'm trying to make my own filter due to some tutorials in AngularJS.

My code looks like this

angular.module('fooAppFilters', []).filter('scenarioDate', function() {
  return function(input) {
    // do some changes on input
    return input;
  };
});

angular.module('fooApp', ['fooAppFilters']);

function FooCtrl($scope, $http, $ogrAppFilters) {
  // ...
}

Anyway, I'm getting this error:

Error: Unknown provider: $fooAppFiltersProvider <- $fooAppFilters

Can you give me a hint please? I am stuck here for a longer time.

Thank you

floydwch · Accepted Answer · 2012-06-05 14:19:27Z

3

You can only inject service into controller, not module.

To create filters, registering filters with module, then use ng-app="fooApp" in HTML to bootstrap.

answered Jun 5, 2012 at 14:19

floydwch

1331 silver badge9 bronze badges

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

1 Comment

MelkorNemesis Over a year ago

Thank you! I am very new to angular, this helped me.

Collectives™ on Stack Overflow

AngularJS - own 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