Угловая ошибка «Неизвестный поставщик» при использовании пользовательского фильтра

Question

Я использую угловой 1,5 с машинописью. Облицовка Unknown provider: testNameFilterFilterProvider <- testNameFilterFilter

Вот мой существующий код

export class TestNameFilter extends AbstractFilter {
    public static factory($injector: angular.auto.IInjectorService): Function {
      return new TestNameFilter($injector).filter;
    }

    public constructor($injector: angular.auto.IInjectorService) {
      super("TestNameFilter", $injector);
    }

    public filter = (text: string, length: any, end: any): string => {
      let state: string = text;
      state = this.toSentenceCase(state);
      return state;
    }

  }

Регистрация

angular.module("myApp").filter(
    "testNameFilter",
    [
      "$injector",
      ($injector: angular.auto.IInjectorService) => new TestNameFilter($injector).filter,
    ]
  );

HTML

 <select 
        ng-options="item as (test.name | testNameFilter)
                    for test in testing">
  <option value=""></option>
</select>