带有任意绑定的角度多选菜单

Question

如何将选择菜单绑定到选择菜单中的一堆任意选项。

我绑这一点：

<select multiple class="form-control"> 
    <option ng-model="some.prop">Average</option> 
    <option ng-model="foo.bar.baz">Minimum</option> 
    <option ng-model="another">Maximum</option> 
</select> 

但它不能正常工作，使用ng-selected作品，但只有1路（即选择/取消选择一个选项时，不改变变量

<select multiple class="form-control"> 
    <option ng-selected="some.prop">Average</option> 
    <option ng-selected="foo.bar.baz">Minimum</option> 
    <option ng-selected="another">Maximum</option> 
</select> 

。

Answer 1

当在<select>中选择/取消选择<option>项目时，只有附加到<select>的ng模型会发生变化。使用与<option>元素一起选择的ng-不会更改：由ng-selected是只读的。

下面是一个例子：http://plnkr.co/edit/zilmbj77WqOlXNTI6b10?p=preview

也许你能代表这种情况下更好地使用一组的复选框？就像这样：

<input type="checkbox" ng-model="some.prop" ng-true-value="a" ng-false-value="b" /> 
<input type="checkbox" ng-model="foo.bar.baz" ng-true-value="foo" ng-false-value="bar" /> 
<input type="checkbox" ng-model="another" ng-true-value="0" ng-false-value="1" /> 

为了完成一个选择双向绑定列表，你可以使用自定义的下拉与多个复选框，像这样的：http://isteven.github.io/angular-multi-select/#/main