角度UIブートストラップ - とき先行入力には、結果のドロップダウンを取得するためにtryng先行入力-NO-結果

Question

上の[表示]ドロップダウンはなく、ドロップダウンメニューは、クラス= "dropdown-を取り除く ビュー

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

を示しdosen'tメニュー "は私に結果のない李を与えるが、私はドロップダウンメニューとしてそれを得ない。

私はこのドロップダウンメニューをトグルしない？

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-接頭辞を追加しないでください。