Я заметил, что при выборе angular bootstrap select (демонстрационный раздел) возникает проблема вариант, этот продолжает показывать параметры вместо того, чтобы быть скрытым. И если атрибут ng-model не используется, все работает нормально.
Это ПРИМЕР.
Часть кода:
<select toggle selectpicker ng-model="form">
<option>Mustard</option>
<option>Ketchup</option>
<option>Relish</option>
</select>
С уважением,
Похоже, что события, связанные в директиве angular-bootstrap-select.extra для элементов списка li, не выполняются, когда к этому подключена ng-model. Причина в том, что в директиве 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')
})
element.selectpicker('refresh')очищает существующиеlisи добавляет новые, поэтому событие, которое вы связали, теряется. Вот почему он работает, когда не используется ng-модель, так как тогда не вызывается обновление - person PSL schedule 29.07.2014