上一节:
下一节:

  AngularJS ng-selected 指令

  • 定义和用法

    ng-selected 指令在 <select> 列表中设置 <option> 元素的 selected 属性。
    如果 ng-selected 属性内的表达式返回 true，则将选择该选项。
    必须使用 ng-selected 指令才能在 true 和 false之间转换值。 在 HTML 中，不能将选定的属性设置为 false（选定属性的存在使元素处于选定状态，而不管其值如何）。

  • 语法

    <element ng-selected="expression"></element>
    仅由<option>元素支持该指令

  • 参数

    参数 必需的 描述
    expression 是 如果元素返回true，则该表达式将设置元素的selected属性。

  • 示例

    下例演示了将selected属性设置为true： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body ng-app="">
      单击此处选择BMW作为您最喜欢的汽车：
      <input type="checkbox" ng-model="mySel">
      <p>我喜欢的汽车:</p>
      <select>
         <option>Volvo</option>
         <option ng-selected="mySel">BMW</option>
         <option>Ford</option>    
      </select>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: