AngularJS ng-selected 指令

定义和用法

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

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

ng-selected 指令是能够在 true 和 false 之间转换值所必需的。在 HTML 中,不能将 selected 属性设置为 false(selected 属性的存在会使元素被选中,无论其值如何)。

实例

将 selected 属性设置为 true:

请单击此处选择 BMW 作为您最喜欢的汽车:

<input type="checkbox" ng-model="mySel">

<p>我最喜欢的汽车:</p>

<select>
<option>Volvo</option>
<option ng-selected="mySel">BMW</option>
<option>Ford</option>
</select>

亲自试一试

语法

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

<option> 元素支持。

参数

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