Angular: Empty Fiddle
http://angularjs.org/
HTML
<script src="http://code.angularjs.org/angular-1.0.1.js"></script>
<div ng-controller="MyCtrl">
<input type="search" ng-model="query" />
<div class="entry" ng-repeat="entry in entries | filter:query">
<span>{{entry}}</span>
</div>
</div>
JavaScript
var myApp = angular.module('myApp',[]);
//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});
function MyCtrl($scope, $filter) {
$scope.query = '';
$scope.entries = [
"butter",
"milk",
"bread",
"oranges",
"cake (it's a lie)"
];
$scope.$watch('query', function(val) {
console.log(val);
});
}