Блог

Главная - Вопросы по программированию - Как получить подсказку typeahead, работающую с angularjs bootstrap ui typeahead?

Как получить подсказку typeahead, работающую с angularjs bootstrap ui typeahead?

#angularjs #twitter-bootstrap

#angularjs #twitter-bootstrap

Вопрос:

Я использую плагин angularjs-bootstrap-ui, найденный здесь. Вот мой 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" />

Это отлично работает, однако в нем говорится, что он построен на основе bootstrap api, и, глядя на это, должен быть способ каким-то образом использовать «подсказку» в качестве параметра, чтобы при вводе он отображал подсказку серым цветом. Этого вообще нет в API пользовательского интерфейса angular bootstrap?

Комментарии:

1. Я не могу найти что-либо, обновляющее значение заполнителя здесь: github.com/angular-ui/bootstrap/blob/master/src/typeahead /…

Ответ №1:

Чтобы заставить функциональность подсказки Typeahead работать с директивой Typeahead от angular-ui, просто добавьте typeahead-show-hint="true" атрибут к input элементу. Например:

 <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"
/>