góc UI bootstrap - show thả xuống trên typeahead-no-results

Question

tryng để có được một danh sách thả xuống khi không có kết quả trên typeahead nhưng, trình đơn thả xuống doesnt hiển thị xem

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

loại bỏ class = "dropdown- trình đơn "cung cấp cho tôi li không có kết quả, nhưng tôi không nhận được nó dưới dạng một trình đơn thả xuống

Tôi có thể chuyển đổi trình đơn thả xuống này không kết quả?

Answer 1

Vấn đề là trình đơn thả xuống không bao giờ được kích hoạt và do đó không được hiển thị đúng cách. Bạn chỉ đang hiển thị đánh dấu.

Bạn có thể đặt auto-close="disabled" và is-open="true" để hiển thị menu thả xuống đúng khi 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> 

bản demo làm việc ->http://plnkr.co/edit/4vVznXyjZo3HuIb2p5as?p=preview

NB: Các plnkr đang sử dụng ui-bootstrap phiên bản 0.14. 3, nếu bạn đang sử dụng phiên bản trước 0.14.0 thì không thêm tiền tố uib-.