我尝试使用自定义过滤器过滤搜索应用程序的结果。现在,angular文档指出您应该避免定义有状态过滤器。我的解决方法是构建一个处理过滤器输入和自定义过滤器的服务,该过滤器将这些输入作为参数对象。
这个概念运行良好,而我有一个实现,只是在服务中使用自定义过滤功能。 现在我把它移到过滤器声明中,如下所示:
(function () {
'use strict';
angular.module('searchApp.search')
.filter('referenceFilter', function () {
return function (references, filterModel) {
var filteredReferences = [];
/* filtering */
return filteredReferences;
}
});
})();
现在当我尝试将过滤器注入我的服务时,我得到了#34;未知提供商" -Error声明它无法找到我的referenceFilter的Provider。 虽然我认为它在服务之前已正确注入和定义。
(function () {
'use strict';
angular.module('searchApp.search')
.factory('referenceFilterService', ['referenceFilter', referenceFilterService]);
function referenceFilterService(referenceFilter) { // 'reference' | 'referenceFilter' doesnt make a difference
....
/* filter call */
function getFilteredReferences(references) {
return referenceFilter(references, filterModel);
}
....
}
})();
<script src="search/search.module.js"></script>
<script src="search/filter/referenceFilter.filter.js"></script>
<script src="search/filter/referenceFilter.service.js"></script>
我做错了什么?
答案 0 :(得分:1)
您不应直接注入过滤器,而是使用内置的$filter
服务:
angular.module('searchApp.search')
.factory('referenceFilterService', ['$filter', referenceFilterService]);
function referenceFilterService($filter) {
var referenceFilter = $filter('referenceFilter');
// etc.