AngularJS: can I use filter, defined in another module?

Question

I've an angular project, structured using by-module-type principle:

├── directives
├── services
├── filters
│   └── filters.js
└── states
    └── home
        ├── home.html
        └── home.module.js

I've created a custom filter in filters.js

import angular from "angular";

export default angular.module("app.filters", [])
    .filter("removeStartingWithDollar", function(items) {
        var filteredItems = [];
        angular.forEach(items, function(item) {
            if (!item.startsWith('$')) { filteredItems.push(item);  }
        });
        return filteredItems;
    });

I want to use this removeStartingWithDollar filter in my home.html template. How do I inject it as a dependency and should I do that at all?

Serginho · Accepted Answer · 2016-01-27 08:32:41Z

4

You have to add that module in the module you have to use the filter, for example, imagine you have an app module:

angular.module('app', ['app.filters'])

After that you will use it

answered Jan 27, 2016 at 8:32

Serginho

7,5303 gold badges31 silver badges54 bronze badges

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

Comments

Charlie · Accepted Answer · 2016-01-27 08:33:21Z

2

Just inject the app.filters module in anywhere you need to use any provider of it.

angular.module("MySecondModule", [app.filters])

answered Jan 27, 2016 at 8:33

Charlie

24k12 gold badges65 silver badges96 bronze badges

3 Comments

Charlie Over a year ago

I got a down vote for my answer. I'm sure he can't explain it ;)

Paul Rooney Over a year ago

The down vote may be because you are injecting a variable rather than a string. The other answer is using a string. I wouldn't go as far as to say its wrong, because it depends on what variables you have floating around in the rest of your code, but it certainly would introduce a dependency on that variable existing at creation time, that the string version doesn't have.

Charlie Over a year ago

Design time dependency. You have a point there. I will not edit my answer - so, someone else can learn the difference between two answers. The above down vote should have been down vote + a comment. Now we have some!

Collectives™ on Stack Overflow

AngularJS: can I use filter, defined in another module?

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related