AngularJS ng-selected 指令

  • 定义和用法

    ng-selected 指令在 <select> 列表中设置 <option> 元素的 selected 属性。
    如果 ng-selected 属性内的表达式返回 true,则将选择该选项。
    必须使用 ng-selected 指令才能在 truefalse之间转换值。 在 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>
    
    尝试一下