Angular bootstrap-select 选择后继续显示选项

Question

我注意到angular bootstrap select（演示部分）中存在问题 当您选择一个选项时，此选项会继续显示选项而不是隐藏。 如果不使用 ng-model 属性，则此工作正常。

这是EXAMPLE。

一段代码：

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

问候，

Answer 1

似乎绑定在 li 列表项上的指令 angular-bootstrap-select.extra 中的事件在 ng-model 附加到此时不会被执行。原因是：- 在指令angular-bootstrap-select 中，当模型值更改时，它会调用element.selectpicker('refresh');，最终在刷新方法中删除并重新创建列表项，因此绑定在li 上的指令angular-bootstrap-select.extra 中的点击事件丢失。您可以通过在父级上使用事件委托来快速修复。

试试：

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

而不是：-

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

Plnkr