title: angularjs filter to return only the exact matching values
body: <p>I have a checkbox as a filter in my angularjs app :</p>
  
  <p>this is my data :</p>
  
  <pre><code>app.controller('listdata', function($scope, $http) {
  $scope.users = [{
      "name": "pravin",
      "queue": [{
          "number": "456",
          "status": "Unavailable"
      }],
      "phone": "7411173737"
  },
  {
      "name": "pratik",
      "queue": [{
          "number": "111",
          "status": "Unavailable"
      }],
      "phone": "8558855858"
  },
  {
      "name": "priyanka",
      "queue": [{
          "number": "111",
          "status": "Unavailable"
      }],
      "phone": "5454573737"
  },
  {
      "name": "prerana",
      "queue": [{
          "number": "111",
          "status": "Unavailable"
      }],
      "phone": "7454543737"
  }];
  
  });
  </code></pre>
  
  <p>I'm displaying the above data in my view like this : </p>
  
  <p>//this is the filter</p>
  
  <pre><code>&lt;label class="switch"&gt;
    &lt;input ng-true-value='111' ng-false-value='' type="checkbox" ng-model="queue111"&gt;111
  &lt;/label&gt;
  </code></pre>
  
  <p>//ng-repeat part</p>
  
  <pre><code>&lt;div class="row" ng-controller="listdata"&gt;
      &lt;div ng-repeat="user in users|filter:queue111"&gt;
         &lt;p&gt; {{user.name}} {{user.phone}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I start the app all the four users from the users data array are displayed.
  When I click on the filter checkbox, it displays the users who have a queue with a number 111. but it also displays the user pravin as it contains a phone number 7411173737 which contains 111. I want this filter to only display records whose queue number matches with 111 and not with any other fields like the phone number here. So the filter should only display records where the queue number is 111. </p>
  
  <p>is it possible to do something like </p>
  
  <p><code>&lt;input ng-true-value='111' ng-false-value='' type="checkbox" ng-model="queue111.queue.number"&gt;111</code> </p>
  
  <blockquote>
    <p>Current output : it displays all the four data objects in $scope.users</p>
    
    <p>Expected output : display only the data objects where in queue number
    is 111 in $scope.users</p>
  </blockquote>
  
  <p>how do I do it?</p>