angularjs - Wiele filtrów Wykorzystanie kontrolera

Question

chcę użyć wielu filtrów w regulatorze

Obecnie używając

$filter('limitTo')($filter('lowercase')($filter('translate')('ACTIVE')), 5) 

Jeśli mamy więcej filtrów, takich jak ten. Jak mogę używać wielu filtrów w kontrolerze, a nie w konwencjonalnym formacie?

Answer 1

można po prostu wprowadzić zmienne:

var limitTo = $filter('limitTo'); 
var lowercase = $filter('lowercase'); 
var translate = $filter('translate'); 

var filteredValue = limitTo(lowercase(translate('ACTIVE')), 5); 

Albo nawet

var lowercaseStatus = lowercase(translate('ACTIVE')); 
var filteredValue = limitTo(lowercaseStatus, 5); 

Inną strategią byłoby wykorzystanie tej samej składni jak w widoku:

var filteredValue = $scope.$eval('"ACTIVE" | translate | lowercase | limitTo:5'); 

Answer 2

Jest to interesujące pytanie. Zazwyczaj zrobiłbyś coś takiego albo coś takiego:

var translatedValue = $filter('translate')('ACTIVE'); 
var lowercaseValue = $filter('lowercase')(translatedValue); 
$scope.finalValue = $filter('limitTo')(lowercaseValue, 5) 

I stworzył usługę inspirowaną this answer.

app.service('FilterChain', 
['$filter', function($filter) { 
    var chain = { 
     value : '', 
     start : function(value) { 
      this.value = value; 
      return this; 
     }, 
     applyFilter : function(filterName, args) { 
      args = args || []; 
      args.unshift(this.value); 
      this.value = $filter(filterName).apply(undefined, args) 
      return this; 
     } 
    }; 

    return chain; 
}]); 

Wykorzystanie jest jak ten

$scope.value = FilterChain.start('Active') 
       .applyFilter('translate') 
       .applyFilter('limitTo', [5]) 
       .applyFilter('uppercase') 
       .value; 

Można korzystać z usługi z innymi filtrami i obiekty, takie jak tablice. Zobacz działający przykład: JSFiddle