Угловая самозагрузки UI - показать выпадающие на машинописных-нет-результатах

Question

tryng, чтобы получить выпадающий список, когда нет результата на машинописном но, выпадающее меню не dosen't показать вид

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

удаление класса = "dropdown- меню "дает мне ли без результата, но я не получаю его как выпадающее меню

Кто делает это выпадающее меню без результата?

Answer 1

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

Вы можете установить 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?p=preview

NB: plnkr использует UI-самозагрузки версии 0.14. 3, если вы используете версию до 0.14.0, тогда не добавляйте префиксы uib-.