帶有任意綁定的角度多選菜單

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