Angularjs filter overriding and module dependency injection

Question

My application depends on two filter applications like

 var app = angular.module('MyApp',['Filter1','Filter2']);

where both the applications have filters with same name like

 var filterapp1 = angular.module('Filter1',[]);
 filterapp1.filter('replace',function(){return function(input){ 
             return input + " from Filter1 app";
 }});

 var filterapp2 = angular.module('Filter2',[]);
 filterapp2.filter('replace',function(){return function(input){ 
             return input + " from Filter2 app";
 }});

Now in my application if i want to refer the filter from the filterapplication1, How can i can i do?

In my HTML i have something like

 {{'Hello World' | replace }}

where the output should be "Hello World from Filter1 app" but i am getting "Hello World from Filter2 app". How to override the filters? Or do filters override by order they are injected? How to overcome this?

JsFiddle Added. jsfiddle.net/yesoreyeram/qDFsB

Sriram
– Sriram

2013-07-23 14:45:26 +00:00
Commented Jul 23, 2013 at 14:45 — Sriram
– Sriram, Commented Jul 23, 2013 at 14:45

Valentyn Shybanov · Accepted Answer · 2013-07-23 13:40:37Z

3

In Angular "last one wins". So if you want to use both filters, you should name them differently. For example, filter('module1.replace',....)

answered Jul 23, 2013 at 13:40

Valentyn Shybanov

19.4k7 gold badges68 silver badges59 bronze badges

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

2 Comments

Sriram Over a year ago

Thank valentyn. But how it is possible with big application with multiple modules.

Valentyn Shybanov Over a year ago

In my practice we started naming keeping in mind that AngularJS has 'last wins' principle, so we just named everything inside module prefixing module name.

Collectives™ on Stack Overflow

Angularjs filter overriding and module dependency injection

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related