AngularJS - Multiple utilizzo Filtri controller

Question

voglio usare più filtri controller

Attualmente utilizzando

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

Se abbiamo più filtri come questo. Come posso utilizzare più filtri nel formato controller piuttosto convenzionale come questo?

Answer 1

Si può semplicemente introdurre variabili:

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

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

O anche

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

Un'altra strategia potrebbe essere quella di utilizzare la stessa sintassi nella vista:

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

Answer 2

Questo è un domanda interessante Di solito si dovrebbe fare qualcosa di simile o qualcosa di simile:

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

ho creato un servizio ispirato dalla 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; 
}]); 

uso è come questo

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

È possibile utilizzare il servizio con altri filtri e oggetti come gli array. Guarda un esempio di lavoro qui: JSFiddle