kątowa UI bootstrap - pokaż rozwijana na wpisywanie znaków z wyprzedzeniem-no-wyników

Question

tryng uzyskać rozwijaną gdy żaden wynik na wpisywanie znaków z wyprzedzeniem, ale rozwijanego menu nie robi pokazują widok

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

usuwania class = "dropdown- menu "daje mi li bez wyniku, ale nie dostaję go jako rozwijanego menu

do kogo mogę przełączyć to menu bez rezultatu?

Answer 1

Problem polega na tym, że menu rozwijane nigdy nie jest uruchamiane, a przez to nie jest renderowane poprawnie. Po prostu tworzysz znaczniki.

Można ustawić auto-close="disabled" i is-open="true" pokazać rozwijaną poprawnie po 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> 

demo roboczą ->http://plnkr.co/edit/4vVznXyjZo3HuIb2p5as?p=preview

NB: The plnkr korzysta UI-bootstrap wersji 0.14. 3, jeśli używasz wersji wcześniejszej niż 0.14.0, wówczas nie dodawaj prefiksów uib-.