带有禁用行的ng-options

Question

是否有可能ng-options根据标准将其呈现为禁用的行？

这个：

 <select ng-options="c.name group by c.shade for c in colors">

也许有可能变成这样：

 <select ng-options="c.name group by c.shade for c in colors | disabled(c.shade)">

假设通过一个过滤器，该过滤器可以返回disabled='disabled'所有具有shade =“ dark”的颜色

<select>
   <optgroup label="dark">
      <option value="0" disabled="disabled">black</option>
      <option value="2" disabled="disabled">red</option>
      <option value="3" disabled="disabled">blue</option>
   </optgroup>
   <optgroup label="light">
      <option value="1">white</option>
      <option value="4">yellow</option>
   </optgroup>
 </select>

Answer 1

@lucuma的答案（最初是可接受的答案）是正确的，但是现在应该更新，因为这已在Angular 1.4中修复。请参阅ng-
options
的文档，其中也包含一个示例。

我正在使用Angular 1.5，这对我有用：

视图

<select ng-model="$ctrl.selectedItem" ng-options="item as item.label disable when item.disabled for item in $ctrl.listItems">

控制者

vm.items = [ { id: 'optionA', label: 'Option A' }, { id: 'optionB', label: 'Option B (recommended)' }, { id: 'optionC', label: 'Option C (Later)', disabled: true } ]; vm.selectedItem = vm.items[1];