symSug

sym-dir.js

angular.module("auctionApp").directive("symSuggestions", function ($compile) {

    return {
        restrict: 'E',
        scope: {
            options: '=options',
            select: '&onSelect',
            trigger: '=trigger',
         
           // transclude: true
        },
        link: function link(scope, element, attrs) {
            var keys = { up: 38, down: 40, enter: 13 }; // key map
            var index = -1;
            var el = angular.element(document.querySelector("#" + attrs.trigger));
            el.on("keyup", function (evt) {
                switch (evt.keyCode) {
                    case keys.up:
                        index--;
                        break;
                    case keys.down:
                        index++;
                        break;
                    case keys.enter:
                       
                        scope.select({ item: scope.options[index] });
                        break;
                default:
                };
            });
        
           

        },
        templateUrl: "/app/suggestions.html"

    };
});