Javascript Angular UI引导-在typeahead上显示下拉列表无结果

Javascript Angular UI引导-在typeahead上显示下拉列表无结果,javascript,twitter-bootstrap,angular-ui-bootstrap,angular-ui-typeahead,Javascript,Twitter Bootstrap,Angular Ui Bootstrap,Angular Ui Typeahead,尝试在typeahead没有结果时获取下拉菜单,但下拉菜单不显示 看法 删除class=“dropdown menu”会给我没有结果的li,但我不会将其作为下拉菜单 在“无结果”状态下,我该切换谁的下拉菜单?问题是下拉菜单从未触发,因此无法正确呈现。您只是使标记可见 您可以设置auto close=“disabled”和is open=“true”以在noResults时正确显示下拉列表: 工作演示-> NB:plnkr使用的是ui引导版本0.14.3,如果您使用的是0.14

尝试在typeahead没有结果时获取下拉菜单,但下拉菜单不显示 看法


删除class=“dropdown menu”会给我没有结果的li,但我不会将其作为下拉菜单


在“无结果”状态下,我该切换谁的下拉菜单?

问题是下拉菜单从未触发,因此无法正确呈现。您只是使标记可见

您可以设置
auto close=“disabled”
is open=“true”
以在
noResults
时正确显示下拉列表:


工作演示->

NB:plnkr使用的是ui引导版本0.14.3,如果您使用的是0.14.0之前的版本,则不要附加
uib-
前缀

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