编程 Javascript

AngularJS基础 ng-selected 指令简单示例

Posted in Javascript onAugust 03, 2016

AngularJS ng-selected 指令

AngularJS 实例

获取选中的选项:

点击复选框选择 BMW 选项:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/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>

定义和用法

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

ng-selected 属性的表达式返回 true 则选项被选中。

语法

<option> 元素支持该指令。

参数值

值	描述
expression	如果表达式为 true 则选项被选中

以上就是对AngularJS ng-selected指令的基础资料整理，后续继续整理，谢谢大家的支持！

AngularJS基础 ng-selected 指令简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 验证日期的函数

Mar 18 Javascript

stream.js 一个很小、完全独立的Javascript类库

Oct 28 Javascript

FireFox下XML对象转化成字符串的解决方法

Dec 09 Javascript

JQuery调webservice实现邮箱验证(检测是否可用)

May 21 Javascript

使用jquery的ajax需要注意的地方dataType的设置

Aug 12 Javascript

jQuery关于导航条背景切换效果实现示例

Sep 04 Javascript

js 加密压缩出现bug解决方案

Nov 25 Javascript

JavaScript中的逻辑判断符&&、||与!介绍

Dec 31 Javascript

在Javascript操作JSON对象，增加删除修改的简单实现

Jun 02 Javascript

JS 实现Base64编码与解码实例详解

Nov 07 Javascript

Javascript实现倒计时（防页面刷新）实例

Dec 13 Javascript

使用Vue自定义指令实现Select组件

May 24 Javascript

jQuery 判断是否包含在数组中Array[]的方法

Aug 03 #Javascript

JS实现保留n位小数的四舍五入问题示例

Aug 03 #Javascript

AngularJS基础 ng-repeat 指令简单示例

Aug 03 #Javascript

JavaScript鼠标事件,点击鼠标右键,弹出div的简单实例

Aug 03 #Javascript

功能强大的Bootstrap效果展示（二）

Aug 03 #Javascript

Highcharts学习之坐标轴

Aug 02 #Javascript

JS实现根据文件字节数返回文件大小的方法

Aug 02 #Javascript