javascript - Angularjs过滤器覆盖和模块依赖注入

Question

我的应用程序依赖于两个过滤器应用程序，例如

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

这两个应用程序都有同名的过滤器，例如

 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";
 }});

现在在我的应用程序中，如果我想从 filterapplication1 引用过滤器，我该怎么办？

在我的 HTML 中，我有类似的东西

 {{'Hello World' | replace }} 

输出应该是“来自Filter1 应用程序的Hello World”，但我得到的是“来自Filter2 应用程序的Hello World”。如何覆盖过滤器？或者过滤器是否按注入顺序覆盖？如何克服这一点？

Answer 1

在 Angular 中“最后一个获胜”。因此，如果您想同时使用这两个过滤器，您应该以不同的方式命名它们。例如，filter('module1.replace',....)