title: $filter is not a function AngularJS
body: <pre><code>app.controller('myController', ['$scope', '$http', '$filter', function($scope, $http, $filter) {
  </code></pre>
  
  <p>The above is an example of my code where I am trying to use <code>$http.get</code> and also <code>$filter</code> inside my <code>controller</code>.</p>
  
  <p>The only problem is when I use it like so, the console log throws an error that says <code>$filter is not a function</code>. </p>
  
  <pre><code>app.controller('myController', ['$scope', '$http', '$filter', function($scope, $filter, $http) {
  </code></pre>
  
  <p>When I swap them round it throws an error that <code>$http is undefined</code></p>