title: angular search filter - unknown provider
body: <p>main.js</p>
  
  <pre><code>var myApp = angular.module('myApp', []);
  
  myApp.factory('Avengers', function () {
    var Avengers = {};
    Avengers.cast = [
      {
        name: 'Darius',
        character: 'Darevicius'
      }
  
    ];
    return Avengers;
  });
  
  function AvengersCtrl($scope, Avengers) {
    $scope.avengers = Avengers;
  }
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;div ng-app="myApp"&gt;
  
  &lt;head&gt;
      &lt;script src="http://code.angularjs.org/1.2.11/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="main.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
  &lt;div ng-controller="AvengersCtrl"&gt;
       &lt;input type="text" ng-model="searchText"&gt;
      &lt;table&gt;
        &lt;tr ng-repeat="actor in avengers.cast | searchText "&gt;
          &lt;td&gt;{{ actor.name }}&lt;/td&gt;
          &lt;td&gt;{{ actor.character }}&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I get this error:</p>
  
  <p><a href="http://docs.angularjs.org/error/" rel="nofollow">http://docs.angularjs.org/error/</a>$injector:unpr?p0=searchTextFilterProvider</p>
  
  <p>and dont understand why it does not work. It is native angular filter and what dependency it needs? WHen I remover pipe character and filter, the list is printed and no errors. So it looks that it knows all dependencies.</p>
  
  <p>This is by example from there:</p>
  
  <p><a href="http://www.thinkster.io/pick/ET1iee6rnm/angularjs-ngfilter" rel="nofollow">http://www.thinkster.io/pick/ET1iee6rnm/angularjs-ngfilter</a></p>