feat(typeahead): add supported attribute to show results on focus

Author: Luke Hutton

src/typeahead/test/typeahead.spec.js

@@ -1521,6 +1521,28 @@ describe('typeahead tests', function() {
     });
   });
 
+  describe('showResultsOnFocus set to true', function() {
+    it('should open typeahead when input is focused and input is empty string', function() {
+      var element = prepareInputEl('<div><input ng-model="result" uib-typeahead="item for item in source | filter:$viewValue" typeahead-show-results-on-focus="true"></div>');
+      var inputEl = findInput(element);
+      changeInputValueTo(element, '');
+      inputEl.focus();
+      $timeout.flush();
+      $scope.$digest();
+      expect(element).toBeOpenWithActive(3, 0);
+    });
+
+    it('should open typeahead when input is focused and input is not empty string', function() {
+      var element = prepareInputEl('<div><input ng-model="result" uib-typeahead="item for item in source | filter:$viewValue" typeahead-show-results-on-focus="true"></div>');
+      var inputEl = findInput(element);
+      changeInputValueTo(element, 'b');
+      inputEl.focus();
+      $timeout.flush();
+      $scope.$digest();
+      expect(element).toBeOpenWithActive(2, 0);
+    });
+  });
+
   describe('event listeners', function() {
     afterEach(function() {
       angular.element($window).off('resize');

src/typeahead/typeahead.js

@@ -87,6 +87,9 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.debounce', 'ui.bootstrap
 
     var showHint = originalScope.$eval(attrs.typeaheadShowHint) || false;
 
+    //always show results on focus of input element, regardless of minimum length
+    var showResultsOnFocus = attrs.typeaheadShowResultsOnFocus ? originalScope.$eval(attrs.typeaheadShowResultsOnFocus) : false;
+
     //INTERNAL VARIABLES
 
     //model setter executed upon match selection
@@ -432,7 +435,7 @@ angular.module('ui.bootstrap.typeahead', ['ui.bootstrap.debounce', 'ui.bootstrap
 
     element.on('focus', function (evt) {
       hasFocus = true;
-      if (minLength === 0 && !modelCtrl.$viewValue) {
+      if (minLength === 0 && !modelCtrl.$viewValue || showResultsOnFocus) {
         $timeout(function() {
           getMatchesAsync(modelCtrl.$viewValue, evt);
         }, 0);