angularjs – ng选项,禁用行

前端之家收集整理的这篇文章主要介绍了angularjs – ng选项,禁用行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以使用ng选项,它将呈现到禁用行基于标准?

这个:

<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 =“黑暗”

<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>
接受的答案是正确的,但现在应该更新,因为这是固定的角度,参见 docs of ng-options,它也包含一个例子( https://docs.angularjs.org/api/ng/directive/ngOptions#example)。

我使用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];

猜你在找的Angularjs相关文章