AngulaJS - Filters

using ng-filter revision 1

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.13/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="avengersCtrl">
        <input type="text" ng-model="search" />
        <table>
			<tr ng-repeat="actor in avengers.cast | filter: search">
				<td width=200px>{{ actor.name }}</td>
				<td>{{ actor.character }}</td>
			</tr>
		</table>
    </div>
</body>

JavaScript

var myApp = angular.module('myApp', []);

myApp.factory('Avengers', function() {
    var Avengers = {};
	Avengers.cast = [
		{
			name: 'Robert Downey Jr.',
			character: 'Tony Stark / Iron Man'
		},
		{
			name: 'Chris Evans',
			character: 'Steve Rogers / Captain America'
		},
		{
			name: 'Mark Ruffalo',
			character: 'Bruce Banner / The Hulk'
		},
		{
			name: 'Chris Hemsworth',
			character: 'Thor'
		},
		{
			name: 'Scarlett Johansson',
			character: 'Natasha Romanoff / Black Widow'
		},
		{
			name: 'Tom Hiddleston',
			character: 'Loki'
		},
		{
			name: 'Clark Gregg',
			character: 'Agent Phil Coulson'
		},
		{
			name: 'Cobie Smulders',
			character: 'Agent Maria Hill'
		},
		{
			name: 'Samuel L. Jackson',
			character: 'Nick Fury'
		}
	];
	
	return Avengers;
});

function avengersCtrl($scope, Avengers) {
    $scope.avengers = Avengers;
}