AngularJs Select2 multiple:ng-selected不起作用

时间:2014-06-10 08:12:52

标签: javascript angularjs ui-select2 angularjs-select2

我正在使用以下代码来选择项目(如果它存在于过滤器中

            <div ng-repeat="category in categories.data" ng-model="div1">
            <div ng-repeat="(key, value) in category" mg-model="div1.div2">
                {{ key + ":"}}
                <select id={{key}} class="my_select"
                        data-ng-model="CategoryOption"
                        data-ng-change="updateCategories()"
                        data-ui-select2="{}" multiple >
                    <option ng-repeat="c in value"
                            ng-selected="(filters[key].length>0) && (filters[key].indexOf(c.trim()) !== -1)" >
                        {{c.trim()}}</option>
                </select>

            </div>
        </div>

但它实际上没有选择任何东西...... 其他选项是将ng-model设置为filters.key,但选择一个元素将取消另一个选择中的选择,因为它们绑定到同一模型...

根据我上面的设置,如何使用select2 multiple恢复我的选择?

1 个答案:

答案 0 :(得分:0)

我发现问题的唯一解决方案是再次修改select2.js。

我曾经传递过自定义参数:

<select id={{key}} class="my_select"
                   ng-model="select2"
                   ui-select2="{mySelection: filters[key] }" multiple >
                   <option ng-repeat="c in value track by $index"
                       value="{{c.trim()}}">{{c.trim()}}</option>
</select>

并在select2中我应用了以下更改:

if(opts.mySelection && typeof opts.mySelection != undefined) {
    elm.val(opts.mySelection).trigger("change");
}

就在之前:

controller.$render();