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 ng-selected="expression"></option>

<option> 元素支持该指令。

参数值

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

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

Javascript 相关文章推荐
js使用心得分享
Jan 13 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
js实现div模拟模态对话框展现URL内容
May 27 Javascript
有关jQuery中parent()和siblings()的小问题
Jun 01 Javascript
防止Node.js中错误导致进程阻塞的办法
Aug 11 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
Feb 14 Javascript
vue.js框架实现表单排序和分页效果
Aug 09 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
Dec 06 Javascript
JavaScript内置对象math,global功能与用法实例分析
Jun 10 Javascript
vue路由插件之vue-route
Jun 13 Javascript
vue使用openlayers实现移动点动画
Sep 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
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续四
2007/04/03 PHP
php伪静态之APACHE篇
2014/06/02 PHP
php文件上传简单实现方法
2015/01/24 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
js判断ie版本号的简单实现代码
2014/03/05 Javascript
jquery+ajax实现跨域请求的方法
2015/01/20 Javascript
jQuery选择器源码解读(一):Sizzle方法
2015/03/31 Javascript
jquery实现的横向二级导航效果代码
2015/08/26 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
jQuery height()、innerHeight()、outerHeight()函数的区别详解
2016/05/23 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
浅谈js算法和流程控制
2016/12/29 Javascript
jQuery实现CheckBox全选、全不选功能
2017/01/11 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
requireJS模块化实现返回顶部功能的方法详解
2017/10/16 Javascript
详解基于vue的服务端渲染框架NUXT
2018/06/20 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
jQuery选择器之基本过滤选择器用法实例分析
2019/02/19 jQuery
js尾调用优化的实现
2019/05/23 Javascript
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
详解Python中的正则表达式的用法
2015/04/09 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
python+opencv实现车道线检测
2021/02/19 Python
canvas 阴影和图形变换的示例代码
2018/01/02 HTML / CSS
通信工程专业女生个人求职信
2013/09/21 职场文书
专营店会计助理岗位职责
2013/11/29 职场文书
路政管理专业个人自荐信范文
2013/11/30 职场文书
置业顾问岗位职责
2014/03/02 职场文书
保险公司年会主持词
2014/03/22 职场文书
《画》教学反思
2014/04/14 职场文书
小学感恩节活动策划方案
2014/10/06 职场文书
PHP策略模式写法
2021/04/01 PHP
Python3 使用pip安装git并获取Yahoo金融数据的操作
2021/04/08 Python
SQL Server中锁的用法
2022/05/20 SQL Server