在AngularJs的服务中注入dateFilter

Question

我想知道是否有一种方法可以将过滤器注入到AngularJs的服务中。

我一直在试着

app.factory('educationService', [function($rootScope, $filter) {

    // ..... Some code

    // What I want
    console.log(dateFilter(new Date(), 'yyyy-MM-01'));

    // ..... Some code

}]);

因此，我想知道是否有可能在服务中注入过滤器，或者是否可以通过其他方式访问它。

如果你有一个关于这一点的文档的链接，那就太好了:)我在Angular的文档中搜索，我没有找到任何关于这方面的真正有帮助的东西。

谢谢:)

Answer 1

首先，你必须像这样注入过滤器：

app.factory('myService', ['$rootScope', '$filter', function($rootScope, $filter) 

(仅当您在构建过程中使用最小化时才需要该数组)

要以编程方式调用特定筛选器：

$filter('date')(new Date(), 'yyyy-MM-01');

$filter(name)返回特定的筛选器函数，然后可以使用参数调用该函数：

var dateFilter = $filter('date');
var filteredDate = dateFilter(new Date(), 'yyyy-MM-01')

Answer 2

过滤器函数在带有Filter后缀的过滤器名称下注册到$injector。-- $filterProvider docs

对于Angular内置滤镜以及您自己的自定义滤镜也是如此。

因此，您可以像这样将dateFilter注入到您的服务中(如果不是最小化的话)：

app.factory('educationService', [function($rootScope, dateFilter) {

如果您只使用一个筛选器，则此方法允许您更具体地了解实际的依赖项。如果你需要使用多个过滤器，你可以像@Stewie show那样注入$filter。