title: Angular dropdown with autocomplete
body: <p>I am using bootstrap with Angularjs.I have many drop down menus in my page and want to implement the functionality as there should be a textbox which on focus shows data in array and on typing shows autocomplete functionality.</p>
  
  <p>I have tried 2 approaches with autocomplete but they just show data on typing.when we type nothing data in drop down isn't showing. like <a href="http://ngmodules.org/modules/angucomplete" rel="nofollow">This Directive</a> </p>
  
  <pre><code>&lt;angucomplete id="ex1" placeholder="Select Nationality" selectedobject="std.NATIONALITY_ID" localdata="nationalities"    searchfields="description" titlefield="description" minlength="1"   inputclass="form-control form-control-small"/&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>This is showing data on typing only i want a
   list on focus and autocomplete on typing.Kindly suggest an approach or angular or bootstrap for this.</p>