AngularJs Bootstrap UI Typeahead - how do I *append* the selection to the current value of a textbox <p>I have a typeahead working nicely on some input boxes on a form. It is used to help the user select template tags into a textbox. I need the textbox to retain what the user has already typed, however so far I have only been able to get as far as the selection overwriting what's in the textbox.</p> <p>Can someone help? Should I be using the <a href="https://angular-ui.github.io/bootstrap/#/typeahead" rel="nofollow">typeahead-on-select</a> callback? I'm not sure how/what I would put in here to achieve what I'm after.</p> <pre><code>&lt;input type="text" class="form-control" name="textIncTags" id="textIncTags" ng-model="customTemplate.textIncTags" uib-typeahead-editable="false" uib-typeahead-focus-first="false" uib-typeahead="'{' + tag.label + '}' for tag in allTags" /&gt; </code></pre>