title: AngularJS typeahead tags
body: <p>I'm using <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">AngularJS typeahead</a>, I made an autocomplete input with it, using custom templates (to add the photo and the name of the person that I'm typing) and it's working fine. </p>
  
  <pre><code>&lt;input ng-model="data.friend"
         typeahead="recipient as recipient.Name for recipient in loadStudents($viewValue)"
         typeahead-template-url="/Content/js/inbox/partials/typeaheadTemplate.html"
         typeahead-wait-ms="300"
         typeahead-editable="false"
         typeahead-min-length="1"
         type="text" class="col_100 input radius2x transition boxsizing"
         auto-focus /&gt;
  </code></pre>
  
  <p>But now I need it to be for more than one person, which means a tag-like system. 
  How can I do that with Angular typeahead?</p>