title: TypeError: Cannot read property '$filter' of undefined
body: <p>I am showing the json object on the UI when user click on a link, below is the exception it is showing </p>
  
  <pre><code>TypeError: Cannot read property '$filter' of undefined
  </code></pre>
  
  <p>Demo: <a href="http://plnkr.co/edit/5NOBQ3rzE3EFwTnuLbXG?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/5NOBQ3rzE3EFwTnuLbXG?p=preview</a></p>
  
  <p>sample js code:</p>
  
  <pre><code>app.controller('BaseCtrl', ['$scope','$http','$filter', function($scope,$http,$filter) {
  
  $scope.myList = [{"sId":100,"spread":"21x","owner":"Michael","labels":"deffered incomplete"},
  {"sId":101,"spread":"34","owner":"Steve","labels":"complete"},
  {"sId":102,"spread":"90s","owner":"John","labels":"tested"},
  {"sId":103,"spread":"332","owner":"Dex","labels":"complete deffered"}  
  ];
  
  //$scope.myListObj;
  $scope.showList = function(myListObj){
    console.log("myListObj " + JSON.stringify(myListObj));
    //  $scope.defferedList = $scope.myListObj.filter(function( obj ) {
      $scope.defferedList =  JSON.stringify($scope.myListObj).filter(function( obj ) {
        console.log(obj.labels.includes('deffered'));
        return obj.labels.includes('deffered');
  }); 
  console.log("defferedList :: " +  $scope.defferedList);
  }
  }]); 
  </code></pre>
  
  <p>I have included <code>'$http','$filter'</code> in the controller.Any inputs?</p>