在angular中,您可以编写过滤器表达式,例如
<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>
并会更新表格以仅显示与query您在中输入的文字匹配的电话input。
query
input
如何[phone object]在变量(例如范围变量)中获取过滤器的相应结果数组,例如当前显示的?
[phone object]
您实际上可以在角度表达式中将新变量分配给作用域。因此,最简单的解决方案就是这样做<tr ng-repeat="phone in (filteredPhones = (phones | filter: query))">。现在,filteredPhones是当前作用域中的变量- 请参阅此plnkr示例。
<tr ng-repeat="phone in (filteredPhones = (phones | filter: query))">