Skip to content

Instantly share code, notes, and snippets.

@got5
Created December 13, 2014 13:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save got5/136742dc4170e184476b to your computer and use it in GitHub Desktop.
Save got5/136742dc4170e184476b to your computer and use it in GitHub Desktop.
Slide 130 Angular Filters
<div ng-controller="FilterCtrl">
Filter: <input type="text" ng-model="filterName"/>
/ Show <input type="text" ng-model="nbResults"/> results
<table>
<tr>
<th><a href="" ng-click="predicate='name'; reverse=!reverse">Name</a></th>
<th><a href="" ng-click="predicate='phone'; reverse=!reverse">Phone</a></th>
<th><a href="" ng-click="predicate='age'; reverse=!reverse">Age</a></th>
<th><a href="" ng-click="predicate='money'; reverse=!reverse">Money</a></th>
<th><a href="" ng-click="predicate='date'; reverse=!reverse">Birth Date</a></th>
</tr>
<tr ng-repeat="user in users | orderBy:predicate:reverse | filter:filterName | limitTo:nbResults">
<td>{{user.name | uppercase}}</td>
<td>{{user.phone}}</td>
<td>{{user.age}}</td>
<td>{{user.money | currency}}</td>
<td>{{user.date | date:'dd/MM/yyyy'}}</td>
</tr>
</table>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment