title: angular bootstrap typeahead close select
body: <p>I would like to get the select list to close when the form is submitted with a values which is not on the list (using typeahead-focus-first). I used the <a href="http://angular-ui.github.io/bootstrap/#/typeahead" rel="nofollow">typeahead</a> plunker example as a starting point.</p>
  
  <p>When the user hits enter, the storeItem function fires, but the list does not close.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form ng-submit="storeItem()"&gt;
    &lt;input type="text"
      typeahead="state for state in states | filter:$viewValue | limitTo:8" 
      typeahead-focus-first="false"/&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The submit function:</p>
  
  <pre class="lang-js prettyprint-override"><code>$scope.storeItem = function() {
     $scope.selected = Date.now();
  };
  </code></pre>
  
  <p>See full plunker <a href="http://plnkr.co/edit/nsQXVAyjuB5WpIgE2rWZ?p=preview" rel="nofollow">here</a></p>
  
  <p>How do I go about closing the list, while keeping the input value and the list intact?</p>