CODEWITHSUNDEEP
javascriptangularjsdependency-injectiontypescript
Shyamal Parikh
Shyamal Parikh

Reputation: 3068

Typescript: How to utilize angular $filter within custom filter

How can I utilize angular $filter within a custom filter? How to inject $filter dependency?

module Filters {

    export class CustomFilter {
        public static Factory() {
            return function (input:<any>) {

                var result = [];

                //Would like to utilize $filter.('filter') here

                return result;
            }
        }
    }

    angular.module('app')
        .filter('customFilter', [CustomFilter.Factory]);
}

Upvotes: 5

Views: 2852

Answers (1)

PSL
PSL

Reputation: 123739

You could just inject $filter and use type ng.IFilterService or specifically use filterFilter (if you are looking for $filter('filter')) and use type Function.

module Filters {
    export class CustomFilter {
        //Here use `$filter` or filterFilter itself
       //public static Factory($filter: ng.IFilterService)
        public static Factory(filter:Function) {
            return function (input:any) {

                var result = [];

                //filter is now $filter('filter')

                return result;
            }
        }
    }

    angular.module('app')
        .filter('customFilter', ['filterFilter', CustomFilter.Factory]);
        //Inject $filter for generic filter getter
}

Upvotes: 7

Related Questions