Angular: Empty Fiddle

http://angularjs.org/

by boneskull

HTML

<script src="http://code.angularjs.org/1.1.5/angular.min.js"></script>
<div ng-controller="MyCtrl">
    <input type="text" ng-model="search" />
    <ul>
        <li ng-repeat="name in names|filter:searcher">{{name.first}} {{name.last}}</li>
    </ul>
</div>

JavaScript

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

function MyCtrl($scope) {
    $scope.names = [{
        first: 'foo',
        last: 'bar'
    }, {
        first: 'rhoda',
        last: 'bote'
    }];

    $scope.searcher = function (o) {
        if(!$scope.search) {
            return true;
        }
        if ($scope.names.indexOf(o) === 0) {
            return o.first.indexOf($scope.search) >= 0 || o.last.indexOf($scope.search) >= 0;
        }
        return false;
    };
}