title: AngularJS Search by display value instead of received data/json value?
body: <p>I am following the tutorial Codepen example here to do Angularjs search on table:</p>
  
  <p><a href="https://codepen.io/sevilayha/pen/AmFLE" rel="nofollow noreferrer">https://codepen.io/sevilayha/pen/AmFLE</a></p>
  
  <p>Let's say the tastiness numbers that I am receiving from server are like 255, 65551, 32322 , where the last two digits are supposed to be decimals.  </p>
  
  <p>So in order to display them in comprehensive way for user, i did on html:</p>
  
  <pre><code>{{ roll.tastiness/100 | number : 2}} 
  </code></pre>
  
  <p>in the table:</p>
  
  <pre><code>  &lt;tr ng-repeat="roll in sushi | orderBy:sortType:sortReverse | filter:searchFish"&gt;
      &lt;td&gt;{{ roll.name }}&lt;/td&gt;
      &lt;td&gt;{{ roll.fish }}&lt;/td&gt;
      &lt;td&gt;{{ roll.tastiness/100 | number : 2}}&lt;/td&gt;
  </code></pre>
  
  <p>Note that I didn't modify the code in codepen because it's not mine, but you can try the modifications there.</p>
  
  <p>and I changed the data value in controller (again, without saving the codepen) to this:</p>
  
  <pre><code>  $scope.sushi = [
      { name: 'Cali Roll', fish: 'Crab', tastiness: 255 },
      { name: 'Philly', fish: 'Tuna', tastiness: 466 },
      { name: 'Tiger', fish: 'Eel', tastiness: 7 },
      { name: 'Rainbow', fish: 'Variety', tastiness: 6 }
    ];
  </code></pre>
  
  <p>The issue is, that even though the numbers are being displayed like 2.55 and 4.66, in the search i have to put 255 instead of 2.55 in order to find the record.</p>
  
  <p>What should I do in order to make the search detects the values as how they're displayed on page  instead of the values as presented in $scope.sushi array of objects?</p>