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

Question

我注意到当您选择一个选项时，角度引导选择（演示部分）存在问题，这个选项会继续显示选项而不是隐藏。如果不使用ng-model属性，则可以正常工作。

这是示例。

一段代码：

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

问候，

Answer 1

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

尝试：

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

代替 ：-

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

PLNKR