编程 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 相关文章推荐

Extjs在exlipse中设置自动提示的方法

Apr 07 Javascript

javascript event 事件解析

Jan 31 Javascript

jQuery使用数组编写图片无缝向左滚动

Dec 11 Javascript

JS实现图片翻书效果示例代码

Sep 09 Javascript

jQuery点击自身以外地方关闭弹出层的简单实例

Dec 24 Javascript

JS实现的表格行鼠标点击高亮效果代码

Nov 27 Javascript

极力推荐一款小巧玲珑的可视化编辑器bootstrap-wysiwyg

May 27 Javascript

Node.js与MySQL交互操作及其注意事项

Oct 05 Javascript

原生的强大DOM选择器querySelector介绍

Dec 21 Javascript

通过实例了解js函数中参数的传递

Jun 15 Javascript

Vue组件间的通信pubsub-js实现步骤解析

Mar 11 Javascript

three.js欧拉角和四元数的使用方法

Jul 26 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

You might like

PHP 过滤页面中的BOM(实现代码)

2013/06/29 PHP

详解PHP中strlen和mb_strlen函数的区别

2014/03/07 PHP

php使用fullcalendar日历插件详解

2019/03/06 PHP

JavaScript实现按Ctrl键打开新页面

2014/09/04 Javascript

JavaScript制作简易的微信打飞机

2015/03/31 Javascript

浅析JavaScript Array和string的转换(推荐)

2016/05/20 Javascript

jQuery中animate()的使用方法及解决$(”body“).animate({“scrollTop”:top})不被Firefox支持的问题

2017/04/04 jQuery

JAVA中截取字符串substring用法详解

2017/04/14 Javascript

vue省市区三联动下拉选择组件的实现

2017/04/28 Javascript

Angular 2.x学习教程之结构指令详解

2017/05/25 Javascript

Vue动态生成el-checkbox点击无法赋值的解决方法

2019/02/21 Javascript

JavaScript实现省市联动效果

2019/11/22 Javascript

小程序实现多个选项卡切换

2020/06/19 Javascript

js实现贪吃蛇游戏（简易版）

2020/09/29 Javascript

Vue2.x和Vue3.x的双向绑定原理详解

2020/11/05 Javascript

Vue与React的区别和优势对比

2020/12/18 Vue.js

Python的lambda匿名函数的简单介绍

2013/04/25 Python

详细分析python3的reduce函数

2017/12/05 Python

python字典一键多值实例代码分享

2019/06/14 Python

Python操作列表常用方法实例小结【创建、遍历、统计、切片等】

2019/10/25 Python

Python 中判断列表是否为空的方法

2019/11/24 Python

Python3.5 win10环境下导入kera/tensorflow报错的解决方法

2019/12/19 Python

Python3 main函数使用sys.argv传入多个参数的实现

2019/12/25 Python

pytorch 修改预训练model实例

2020/01/18 Python

python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例

2020/02/27 Python

500行python代码实现飞机大战

2020/04/24 Python

python如何发送带有附件、正文为HTML的邮件

2021/02/27 Python

ghd澳大利亚官方网站：英国最受欢迎的美发工具品牌

2018/05/21 全球购物

Otticanet澳大利亚：最顶尖的世界名牌眼镜, 能得到打折季的价格

2018/08/23 全球购物

意大利自行车商店：Cingolani Bike Shop

2019/09/03 全球购物

博朗(Braun)俄罗斯官方商店：德国小家电品牌

2019/09/24 全球购物

考试作弊被抓检讨书

2014/01/10 职场文书

商务日语专业毕业生自荐信

2014/03/27 职场文书

八年级上册语文教学计划

2015/01/22 职场文书

2015年终个人政治思想工作总结

2015/11/24 职场文书

Nginx代理同域名前后端分离项目的完整步骤

2021/03/31 Servers