Typeahead AngularJS |点击

Question

我正在使用getbootstrap typeahead来填充输入值。我已经设置了所有内容，以便用户必须从此列表中选择一些内容：

<input type="text" class="form-control" id="birdname" ng-model="birdname" required ng-disabled="checked" autocomplete="off" placeholder="Check the box if you don't know!" 
                uib-typeahead="bird for bird in birds | filter:$viewValue | limitTo:8" typeahead-no-results="noResults"
                uib-tooltip="Pick a bird or check the box if unsure!"
                tooltip-placement="top-right"
                tooltip-trigger="mouseenter"
                tooltip-enable="!birdname">
        </div>
        <div ng-show="noResults">
          <i class="glyphicon glyphicon-remove"></i> No Results Found - Please Try Again!
        </div>

正如您所看到的，用户必须从此列表中选择一些内容，否则验证将不允许，但我遇到了一个问题：如果用户开始输入并且输入了一个存在的鸟名（列表显示有鸟类）输入），然后用鼠标点击输入。即使未选择全名，typeahead仍将此接受为“正确”。

有解决方法吗？

如果你不明白我的意思，下面的图片应该有希望解释它：

有解决方法吗？例如，它在点击时选择列表中的第一个选项？