<div ng-app="purchaseApp">
        <div ng-controller="customerSearchCtrl as ctrl" class="body-content panel-body">
            <i class="fa fa-user fa-2x">&nbsp;</i><b>{{ctrl.client.Id}} {{ctrl.client.Name}}</b>
            <div class="row">
                <div class="control-group">
                    <div class="controls">
                        <label class="control-label">Customer Name Search</label>
                        <input client-auto-complete class="form-control"
                               ng-model="ctrl.client.Name"
                               type="text">

                        <input client-auto-complete
                               class="form-control"
                               ng-model="ctrl.client.Id"
                               type="hidden">
                    </div>
                </div>
            </div>
        </div>
    </div>

var purchaseApp = angular.module("purchaseApp", []);
    purchaseApp.controller("customerSearchCtrl", function ($scope, $http) {
                         var ctrl = this;
                         ctrl.client = { Name: '', Id: '' };
                         $http({ method: 'post', url: '/JSON/AutocompleteCountry' }).success(function (data, status, headers) { $scope.dataSource = data; })
         });

         purchaseApp.directive('clientAutoComplete', function ($filter) {
           return  {
            restrict: 'A',
            link: function (scope, elem, attrs) {
                elem.autocomplete({
                    source: function (request, response) {
                        var params = request.term;
                        var data = scope.dataSource;
                        if (data) {
                            var result = $filter('filter')(data, { Name: params });
                            angular.forEach(result, function (item) {
                                item['value'] = item['Name'];
                            });
                        }
                        response(result);
                    },
                    minLength: 1
                });
            }
        };
    });