title: angular ui bootstrap typeahead - add class ,when appended to body
body: <p>I am using angular bootstrap typeahead in my project. And there are several instances of it being used.</p>
  
  <p><a href="http://angular-ui.github.io/bootstrap/#/typeahead" rel="nofollow">http://angular-ui.github.io/bootstrap/#/typeahead</a> </p>
  
  <p>Couple of them are directly appended to body using option "typeahead-append-to-body", so for one instance, I need to customize the presentation, i.e. may be add a css class to that particular instance only i.e. to the ul, dropdown-menu which it creates. But am not able to do that, as I couldnt find any way. Had it been appended to the input element's parents, it would have been easy, but when appended to body, it seems difficult. </p>
  
  <pre><code>&lt;input type="text" typeahead-append-to-body="true" typeahead="state as state.name for state in statesWithFlags | filter:{name:$viewValue}" typeahead-template-url="customTemplate.html"&gt;
  </code></pre>
  
  <p>I dont want to directly target using body > .dropdown-menu as it would affect other instances as well.</p>