angularjs компонент динамический фильтр

Question

Если имя фильтра является статическим, вы можете просто вводить имя фильтра с «Фильтр», приложенном к нему в функции контроллера вашего компонента, например:

angular.module('ngApp').component('myComponent', { 
    bindings: { 
     dynamicFilter: '@' 
    }, 
    controller: [ 
     'staticFilterFilter', 
     function(staticFilterFilter) { 
      this.valueSetByStaticFilter = staticFilterFilter('x'); 
     }] 
}); 

Есть способ передать имя фильтра в компонент angularjs версии 1.6, связанный как строка аргумента/атрибута, используя '@', и затем получить этот фильтр по имени и использовать его внутри контроллера этого компонента?

Answer 1

Внесите $filter service в контроллер компонента. Затем можно извлечь и использовать фильтр, делая что-то вроде этого:

var filtered = $filter('yourFilterName')(arg1,arg2); 

Так что в вашем изменении кода, чтобы это что-то вроде:

angular.module('ngApp').component('myComponent', { 
    bindings: { 
     dynamicFilter: '@' 
    }, 
    controller: [ 
     '$filter', 
     function($filter) { 
      var filtered = $filter(this.dynamicFilter)(arg1,arg2); 
     } 
    ] 
});