angolare UI bootstrap - spettacolo a discesa typeahead-no-risultati

Question

tryng per ottenere un menu a discesa quando nessun risultato sul typeahead ma, il menu a discesa doesnt mostrare vista

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

rimozione di class = "dropdown- menu "mi dà il li senza risultato, ma non lo capisco come menu a discesa

chi devo attivare questo menu a discesa senza risultato?

Answer 1

Il problema è che il menu a discesa non viene mai attivato e quindi non reso correttamente. Stai solo rendendo visibile il markup.

È possibile impostare auto-close="disabled" e is-open="true" per mostrare la discesa correttamente su 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 funzionante ->http://plnkr.co/edit/4vVznXyjZo3HuIb2p5as?p=preview

NB: Il plnkr sta usando ui-bootstrap versione 0.14. 3, se si utilizza una versione precedente alla 0.14.0, non aggiungere i prefissi uib-.