2

オプションを選択すると、 angular bootstrap select (デモ セクション) に問題があることに気付きました。これは、非表示になるのではなく、オプションを表示し続けます。ng-model属性が使用されていない場合、これは正常に機能します。

これは例です。

コードのセクション:

      <select toggle selectpicker ng-model="form">
          <option>Mustard</option>
          <option>Ketchup</option>
          <option>Relish</option>
      </select>

よろしく、

4

1 に答える 1

1

angular-bootstrap-select.extraこれに ng-model がアタッチされている場合、リスト項目のディレクティブにバインドされたイベントliが実行されないようです。理由は次のとおりです。-angular-bootstrap-selectモデル値が変更されたときに呼び出されるディレクティブelement.selectpicker('refresh');で、最終的に更新メソッドでリスト項目が削除および再作成されるためangular-bootstrap-select.extra、li のディレクティブにバインドされたクリック イベントが失われます。親でイベント委任を使用することで、おそらく簡単な修正を行うことができます。

試す：

 element.next().on('click', 'li', function () {
       target.toggleClass('open')
});

それ以外の ：-

 element.next().find('li').bind('click', function () {
    target.toggleClass('open')
 })

プランク

于 2014-07-29T01:37:30.270 に答える