How can I obtain the result array of an angular "| filter" expression in a variable?

Question

In angular, you can write filter expressions like

<input type="text" ng-model="query">  <table>     <tr ng-repeat="phone in phones | filter: query">        <td>{{phone.vendor}}</td>        <td>{{phone.model}}</td>     </tr> </table> 

and it will update the table to show only the phones which match the query text you enter into the input.

How can I get the corresponding result array of the filter, e.g. the [phone object]s that are currently displayed, in a variable (e.g. a scope variable)?

Answer 1

You can actually assign new variables to the scope in an angular expression. So the simplest solution would be to do <tr ng-repeat="phone in (filteredPhones = (phones | filter: query))">. filteredPhones is now a variable in the current scope - see this plnkr example.