Нет поиска по Введите ключ

Question

Я только что построил небольшое приложение для поиска фильмов с помощью AngularJS и Elasticsearch. Я использовал AngularJS UT Bootstrap Typeahead для автозаполнения и в тестировании заметил что-то о взаимодействии с пользователем.

Скажите, что я хочу найти актеров по имени Том. Я набираю «tom» в поисковом входе и появляется 5 предложений - отлично. Тем не менее, это не позволит мне просто искать «tom», если все, что я делаю, это нажать Enter на клавиатуре. Он автоматически выбирает первое предложение в раскрывающемся списке. IT WILL просто ищет «tom», если я просто нажму кнопку «Отправить». Моя разметка формы ниже - где я иду не так?

Я хочу, чтобы мои пользователи могли искать запросы они входят (при нажатии клавиши Enter), не ограничиваясь только предложения, предоставляемых ...

<div class="col-sm-3 col-md-6 pull-left" style="border: 1px solid red;"><form name="q" ng-submit="vm.search()" class="navbar-form" role="search"> 
<div class="input-group input-group-md"> 
    <input type="text" ng-model="vm.searchTerms" class="form-control input-md" placeholder="{{ vm.searchTerms }}" name="q" typeahead-show-hint="true" uib-typeahead="query for query in vm.getSuggestions($viewValue)" typeahead-on-select="vm.search($item)"> 

    <span class="input-group-btn"> 
    <button class="btn btn-primary btn-md" type="submit" id="results-search-btn" ng-submit="vm.search()"><i class="fa fa-search fa-lg"></i> 
    </button> 
    </span> 
</div> 

Answer 1

It автоматически выбирает первый результат. Поэтому, когда вы нажимаете кнопку ввода, он уже сосредоточен на этом первом результате. Вы можете настроить угловые щий машинописный не автоматически выбрать первый результат, как так:

typeahead-focus-first="false" 

видит свою документацию для получения дополнительной информации:

https://angular-ui.github.io/bootstrap/#/typeahead