title: How to use Twitter typehead.js with Angular compile function?
body: <p>I am trying to use Twitter's <a href="https://github.com/twitter/typeahead.js" rel="nofollow">typeahead.js</a> (not the Bootstrap one) along with AngularJS. I can get it all up and running just fine, until I try to get fancy use the custom <strong>template</strong> and <strong>engine</strong> options.</p>
  
  <p>If I use Twitter's own Hogan.js for templating, and pass in a string template via a script tag, I am able to render the custom results that I want, but it is just pure HTML and none of the Angular directives will work.</p>
  
  <p>My question is, how can I utilize the typeahead.js library and render my own custom result, and also utilize Angular's powerful compilation and two way bindings. Here is a gist with some sample code to illustrate what I am trying to achieve. Any help would be greatly appreciated!</p>
  
  <p>Gist with sample code:
  <a href="https://gist.github.com/i8ramin/5690826" rel="nofollow">https://gist.github.com/i8ramin/5690826</a></p>