Untitled

angular.module('angularDemo.searchDirective',[])

  .directive('searchBar', searchDirective);

 

function searchDirective() {

  function link(scope, elem, attrs) {

    var callback = function(event){

      console.log(event.target.value);

    };

    elem.bind("keydown keypress", _.debounce(callback, 300));

  }

 

  return {

    restrict: 'E',

    transclude: true,

    scope: {},

    template: '<form class="form-inline"><div class="form-group"><div class="input-group"><input type="text" class="form-control" ng-model="value" ng-model-options="{ updateOn: \'blur\' }" ng-change="" id="searchText" placeholder="(e.g.: jQuery)" /></div></div></form>',

    link: link

  };

}