Angular UI引导-在typeahead上显示下拉菜单-无结果

Angular UI bootstrap - show dropdown on typeahead-no-results

本文关键字：显示 下拉菜单 无结果 UI 引导 Angular typeahead      更新时间：2023-09-26

试图得到一个下拉菜单时，没有键入结果，但是，下拉菜单不显示查看

<div class="dropdown">
    <div class="form-group">
       <input placeholder="Vælg kunde" type="text" ng-model="customer"  typeahead-editable="false" uib-typeahead="customer as customer.customer for customer in customers | filter:$viewValue | limitTo:8" class="form-control"
            typeahead-popup-template-url="customPopupTemplate.html"
            typeahead-min-length="0"
            typeahead-no-results="noResults">
    </div>
    <div ng-if="noResults" dropdown-toggle>
       <ul class="dropdown-menu" >
           <li><a href="#">No result</a></li>
       </ul>
    </div>
</div>

删除class="dropdown-menu"给了我没有结果的li，但我没有得到它作为一个下拉菜单

如果没有结果，我该如何切换下拉菜单

问题是下拉菜单永远不会被触发，因此无法正确呈现。您只是使标记可见。

可以设置auto-close="disabled"和is-open="true"，使noResults正常显示下拉菜单:

<div class="form-group"> 
  <input placeholder="Vælg kunde" type="text" ng-model="customer" typeahead-editable="false" uib-typeahead="state for state in states | filter:$viewValue | limitTo:8" class="form-control" typeahead-min-length="0" typeahead-no-results="noResults">
   <span ng-if="noResults" auto-close="disabled" is-open="true" uib-dropdown uib-dropdown-toggle>
      <ul class="uib-dropdown-menu" >
        <li><a href>no results</a></li>
      </ul>
    </span>
</div>

工作演示-> http://plnkr.co/edit/4vVznXyjZo3HuIb2p5as?

NB: plnkr使用的是ui-bootstrap版本0.14.3，如果您使用的是0.14.0之前的版本，则不要添加uib-前缀

相关文章：