Ошибка: ошибка:interr Ошибка интерполяции при применении динамического пользовательского фильтра в anguler js

Question

Я использую сетку дерева ( http://khan4019.github.io/tree-grid-directive/test/treeGrid.html) и на основе типа столбца / заголовка применяю соответствующий фильтр. Я создал собственный фильтр и применил к ng-repeat.

Ошибка:

Can't interpolate: {{row.branch[col.field] | custom : treeGridTest.filterArray[col.field]}}
Error: [$injector:unpr] http://errors.angularjs.org/1.2.26/$injector/unpr?p0=undefinedFilterProvider%20%3C-%20undefinedFilter

Подскажите, где все идет не так.

treeGrid.js

var app = angular.module('treeGridTest', ['treeGrid']);

app.controller('treeGridController', function($scope) {

    $scope.filterArray = {
         'Sales': 'currency',
         'Profit': 'currency',
         'Area' : 'lowercase'
     };
});

app.filter('custom', ['$filter', function (segmentio) {
    return function (value, type) {
        return segmentio(type)(value);
    }
}]);

дерево-грид-directive.js

var module = angular.module('treeGrid',[]);
  module.directive('treeGrid', [
    '$timeout', function($timeout) {
      return {
        restrict: 'E',
        templateUrl:'tree-grid-template.html',
        replace: true,
        scope: {
          treeData: '=',
          colDefs:'=',
          expandOn:'=',
          onSelect: '&',
          initialSelection: '@',
          treeControl: '='
        },
        link: function(scope, element, attrs) {
        /* Some code */
      };
    }
  ]);

дерево-сетка-template.html

<td ng-repeat="col in colDefinitions" >
    {{row.branch[col.field] | custom : treeGridTest.filterArray[col.field]}}
</td>