How to get typeahead hint working with angularjs bootstrap ui typeahead?

Question

I am using the angularjs-bootstrap-ui plugin found here. Here is my html

<input type="text" ng-model="asyncSelected" typeahead-loading="loadingPeople" typeahead-min-length="3" placeholder="Search People" typeahead="person for person in findPeople($viewValue)" class="form-control typeahead-input" />

This is working great, however it says that it is built off of the bootstrap api, and looking at this there should be a way to use "hint" as a parameter somehow so that when you type it shows a hint grayed out. Is this not in the angular bootstrap ui api at all?

I can't find anything updating the placeholder value here: github.com/angular-ui/bootstrap/blob/master/src/typeahead/… — Reto Aebersold
– Reto Aebersold, Commented Jun 30, 2014 at 17:48

ehThind · Accepted Answer · 2017-07-28 21:51:46Z

1

To get Typeahead's hint functionality working with angular-ui's Typeahead directive simply add the typeahead-show-hint="true"attribute to the input element. E.g:

<input
  type="text" 
  class="myClass"
  ng-model="selected" 
  uib-typeahead="item for item in vm.states | filter:$viewValue | limitTo:8"
  placeholder="State"
  typeahead-show-hint="true"
/>

answered Jul 28, 2017 at 21:51

ehThind

319 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to get typeahead hint working with angularjs bootstrap ui typeahead?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related