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

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

尝试：

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

而不是： -

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

<强> Plnkr

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

1 个答案: