AngularJS ng-selected 指令

实例

设置 selected 属性为 true:

  1. <!DOCTYPE html>
  2. <html>
  3. <script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script>
  4. <body ng-app="">
  5. 点击这里选择 BMW 作为你最喜欢的汽车:
  6. <input type="checkbox" ng-model="mySel">
  7. <p>我最喜欢的车:</p>
  8. <select>
  9. <option>Volvo
  10. <option ng-selected="mySel">BMW
  11. <option>Ford
  12. </select>
  13. </body>
  14. </html>

定义与用法

ng-selected 指令设置 <select> 列表中 <option> 元素的选定属性。

如果 ng-selected 属性中的表达式返回 true,则将选择该选项。

ng-selected 指令是必要的,以便能够在 truefalse 之间转换。在 HTML 中,不能将所选属性设置为 false(存在 selected 属性的元素就是处于选中状态,而不管其值如何)。


语法

  1. <option ng-selected="expression"></option>

由 <option> 元素支持。


参数值

描述
expression如果返回 true,将设置元素的选定属性的表达式

分类导航