Filter a Customer List

HTML

<div ng-controller="myCtrl">
    Name: <input type="text" ng-model="name" />
    <ul>
        <li ng-repeat="cust in customers | filter:name">{{cust.id}} - {{cust.name}} - {{cust.city}}</li>
    </ul>
</div>

JavaScript

angular.element(document).ready(function(){

    angular.module('myApp',[])
        .controller('myCtrl', ['$scope','mySrv',function ($scope,mySrv) {
            $scope.name = '';
            $scope.customers = [];
            
            $scope.customers = mySrv.getCustomers();
        }])
        // fake service, substitute with your server call ($http)
        .factory('mySrv',function(){
            var customers = [
                {id: '1', name: 'John Doe', city: 'Phoenix'},
                {id: '2', name: 'Tony Hope', city: 'Queens'},
                {id: '3', name: 'Jane Doe', city: 'Frederick'},
                {id: '4', name: 'John Smith', city: 'Miami'},
                {id: '5', name: 'Tom Ford', city: 'Atlanta'}
            ];
            return {
                getCustomers : function(){
                    return customers;
                }
            };
        });
    
    angular.bootstrap(document,['myApp']);
});