angularjs - 在指令中使用 $filter 时出现 Angular "Unknown provider"错误

Question

我有一个指令需要在代码中使用 Angular 的 $filter 。但是，当尝试使用它时，我收到错误:

[$injector:unpr] Unknown provider: FilterProvider <- Filter

以下是导致错误的最小示例:http://jsfiddle.net/5tLtj3nh/

我很难弄清楚我做错了什么。

Answer 1

您错误地使用了$filter服务。

您必须首先从 $filter 服务获取过滤器，如下所示:

var filterFilter = $filter('filter');
filterFilter([], 'query');

或单行:

$filter('filter')([], 'query');

如果您感到困惑，'filter' 过滤器是 angularjs 的内置过滤器之一。

还有更多，请参见:https://docs.angularjs.org/api/ng/filter

• 货币
• 日期
• 过滤
• json
• 限制
• 小写
• 数量
• 排序依据
• 大写

提示:您还可以注入(inject)单独的过滤器来使用，如下所示:

app.directive('testDirective', ['filterFilter', function(filterFilter) {
    return {
        restrict: 'E',
        template: '<div>testDirective</div>',
        link: function(scope, elem, attrs) {
            filterFilter([], 'query');
        }
    }
}]);