javascript - Angular JS 和 Bootstrap Multiselect Mixin 在非 webkit 浏览器上不起作用

Question

我结合了 Bootstrap 多选和 Angular js，以创建一个有角度的多选下拉菜单。但是，它仅适用于 Webkit 浏览器。在非 webkit 浏览器上，Bootstrap 多选的复选框/单选按钮在单击时不会被选中。

您可以从此 js fiddle 查看正在运行的示例。http://jsfiddle.net/58Bu3/1/

<select class="multiselect" data-placeholder="Select Products" 
            ng-model="productSelection" ng-options="item as item for item in Products"
            multiple="multiple" multiselect-dropdown >

            </select>
<p>Selection: {{productSelection}}</p>

Answer 1

评论

 onChange: function (optionElement, checked) {

   }

它会工作。

Answer 2

如果你改变这个：

   onChange: function (optionElement, checked) {
        optionElement.removeAttr('selected');
        if (checked) {
            optionElement.attr('selected', 'selected');
        }
        element.change();
    }

对此：

onChange: function (optionElement, checked) {
            optionElement.prop('selected'), false;
            if (checked) {
                optionElement.prop('selected', true);
            }
            element.change();
        }

它适用于 Firefox、IE 和 Chrome。