title: Angular.js filter not working correctly
body: <p>I'm trying to filter based on my $routeParams but must be doing something wrong. </p>
  
  <p>My controller:</p>
  
  <pre><code>app.controller('servicesDetail', function ($scope, HC, $resource, $routeParams) { 
  
  HC.API.query(function (results) {
      $scope.services = results;
  });
  
  $scope.json={};
  json._id=$routeParams.id;
  
  });
  </code></pre>
  
  <p>My HTML/Template:</p>
  
  <pre><code>&lt;div class="services" ng-repeat="service in services | filter: json"&gt;
          &lt;article class="service group"&gt;
         &lt;a href="/services/{{service.name }}"&gt;&lt;h3&gt;&lt;pre&gt;{{service.name }}&lt;/pre&gt; &lt;/h3&gt;&lt;/a&gt; 
         &lt;p&gt;{{service.name}}&lt;/p&gt;
         &lt;a href="/services/{{service.name}}"&gt;more&lt;/a&gt;
         &lt;/article&gt;
  
      &lt;/div&gt;
  </code></pre>
  
  <p>My JSON: </p>
  
  <pre><code>{ "_id" : ObjectId("53bc3733b7bbbf77208dec65"), "name" : "this is from the client", "__v" : 0 }
  { "_id" : ObjectId("53bc37abb7bbbf77208dec66"), "name" : "new", "__v" : 0 }
  </code></pre>
  
  <p>I'm basically just trying to filter a page from a full list to a details page and use the $routeParams to filter. </p>