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

【问题标题】：Angular JS and Bootstrap Multiselect Mixin not working on Non-webkit browsersAngular JS 和 Bootstrap Multiselect Mixin 在非 webkit 浏览器上不起作用
【发布时间】：2013-07-19 08:59:34
【问题描述】：

我结合了 Bootstrap 多选和角度 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>

【问题讨论】：

注释 onChange: function (optionElement, checked) { }

标签： javascript twitter-bootstrap angularjs multi-select

【解决方案1】：

 onChange: function (optionElement, checked) {

   }

它会起作用的。

【讨论】：

【解决方案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。

【讨论】：