2

li 要素を検索するための入力フィールドを含むドロップダウン メニューがあります。問題は、入力フィールドをクリックして検索クエリを入力すると、クリック イベントが発生し、ドロップダウン メニューが消えてしまうことです。

入力フィールドで preventDefault を試しましたが、うまくいきませんでした。どうすればその行為を止めることができますか？

プランカーはこちら: http://plnkr.co/edit/SlbWZ5Bh62MDKWViUsMr

これが私のマークアップです (これは ng-model="customerFilter" を使用した入力です):

<div class="button">
  <a class="btn btn-large grey dropdown-toggle" data-toggle="dropdown" href="#">
    Organisation
  </a>
  <ul class="dropdown-menu grey" >
    <input type="text" ng-model="customerFilter">
    <li ng-repeat="customer in customers | filter:customerFilter | orderBy:sortorder" ng-click="addCardGrey(customer)">{{ customer.name }}</li>
  </ul>
</div>

事前にどうもありがとうございました！

4

1 に答える 1