angularjs - Angularjs の 1 つのモジュール内で複数のカスタム フィルターを作成する方法

Question

私はこのチュートリアルに従っており、それに応じて下のカスタム フィルターを作成しました。ただし、最後のものは最初のものを非表示にします。truncateフィルターを使用すると例外になります。モジュール内に複数のフィルターを作成するにはどうすればよいですか?

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

2 番目のものは、次を使用して宣言する必要があります。

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

構文。

使用している構文は、毎回新しいモジュールを作成します。

Answer 3

フィルターを個別のファイルに分離する 1 つの方法は、フィルターを個別に必要とするフィルター モジュールを作成することです。

// 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) {
    ...
  };
});  

Answer 4

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

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