Tworzenie wielu niestandardowych filtrów w jednym module w Angularjs

Question

Podążam za this tutorial i utworzyłem odpowiednio spersonalizowane filtry niestandardowe. Ten ostatni powoduje jednak zniknięcie pierwszego; podczas korzystania z filtru truncate jest to wyjątek. Jak utworzyć wiele filtrów w module?

angular.module('filters', []).filter('truncate', function() { 
    return function (text, length, end) { 
     if (isNaN(length)) 
      length = 10; 

     if (end === undefined) 
      end = "..."; 

     if (text.length <= length || text.length - end.length <= length) { 
      return text; 
     } 
     else { 
      return String(text).substring(0, length-end.length) + end; 
     } 

    }; 
}); 


angular.module('filters', []).filter('escape', function() { 
    return function(text) { 
     encodeURIComponent(text); 
    }; 
}); 

Answer 1

angular.module('filters', []).filter("truncate", function() {}) 
          .filter("escape", function() {}); 

Answer 2

Drugi powinien być uznany za pomocą

angular.module('filters').filter(....) 

składnię.

Składnia, której używasz, tworzy nowy moduł za każdym razem.

Answer 3

angular.module('filters') 
    .filter({ 
    groupBy: ['$parse', groupByFilter], 
    countBy: [countByFilter] 
    }); 

//function to handle the filter 
function groupByFilter($parse) { 
    return function(input) { 
    ... 
    } 
} 

Answer 4

Jednym ze sposobów, aby oddzielić odfiltrowuje do poszczególnych plików byłoby utworzyć moduł filtracyjny, który wymaga filtrów indywidualnie:

// init.js 
angular.module('application', ['application.filters']) 

// filters.js  
angular.module('application.filters', [ 
       'filters.currencyCents', 
       'filters.percentage', 
       ]); 


// percentage.js   
angular.module('filters.percentage', []).filter('percentage', function() { 
    return function(decimal, sigFigs) { 
    ... 
    }; 
});