Slide 136 - Let's use Angular Filters!

snippet.html

<div data-ng-controller="FilterCtrl">
	Filter: <input type="text" data-ng-model="filterName"/>
	/ Show <input type="text" data-ng-model="nbResults"/> results
	<table>
		<tr>
			<th><a href="">Name</a></th>
			<th><a href="">Phone</a></th>
			<th><a href="">Age</a></th>
			<th><a href="">Money</a></th>
			<th><a href="">Birth Date</a></th>
		</tr>
		<tr data-ng-repeat="user in users | filter:filterName | limitTo:nbResults ">
			<td>{{user.name}}</td>
			<td>{{user.phone}}</td>
			<td>{{user.age}}</td>
			<td>{{user.money}}</td>
			<td>{{user.date}}</td>
		</tr>
	</table>
</div>

snippet.js

var FilterCtrl = function($scope) {
	$scope.users = [
		{name:'Bob', phone:'1212', age:10, money: 25, date: '1288323623006'},
		{name:'Bill', phone:'9876', age:19, money: 43, date: '1285324523606'},
		{name:'Mike', phone:'5678', age:35, money: 80, date: '1288323854123'},
		{name:'Adam', phone:'8765', age:29, money: 0, date: '1288329412539'}
	];

	$scope.predicate = 'name';
	$scope.nbResults = 10;
};