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 相关文章推荐
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
javascript上传图片前预览图片兼容大多数浏览器
Oct 25 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
bootstrap表格分页实例讲解
Dec 30 Javascript
js基于myFocus实现轮播图效果
Feb 14 Javascript
微信小程序下拉刷新界面的实现
Sep 28 Javascript
Vue框架下引入ActiveX控件的问题解决
Mar 25 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
May 15 Javascript
基于jQuery实现可编辑的表格
Dec 11 jQuery
原生JavaScript之es6中Class的用法分析
Feb 23 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递归列出所有文件和目录的代码
2008/09/10 PHP
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
常用的PHP数据库操作方法(MYSQL版)
2011/06/08 PHP
PHP7数组的底层实现示例
2019/08/25 PHP
JavaScript CSS修改学习第一章 查找位置
2010/02/19 Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
2010/12/08 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
2011/01/17 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
JS的location.href跳出框架打开新页面的方法
2014/09/04 Javascript
JQuery中使用on方法绑定hover事件实例
2014/12/09 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
javascript中setTimeout使用指南
2015/07/26 Javascript
跟我学习javascript的call(),apply(),bind()与回调
2015/11/16 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
JavaScript hasOwnProperty() 函数实例详解
2017/08/04 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
linux 下以二进制的方式安装 nodejs
2020/02/12 NodeJs
[10:54]Team Spirit vs Navi
2018/06/07 DOTA
[52:37]完美世界DOTA2联赛循环赛 Forest vs DM BO2第一场 10.29
2020/10/29 DOTA
python文件操作整理汇总
2014/10/21 Python
Python之ReportLab绘制条形码和二维码的实例
2018/01/15 Python
python发送邮件脚本
2018/05/22 Python
对Python多线程读写文件加锁的实例详解
2019/01/14 Python
PyQt5实现登录页面
2020/05/30 Python
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
函授毕业生自我鉴定
2013/11/06 职场文书
共筑中国梦演讲稿
2014/04/23 职场文书
银行金融服务方案
2014/06/11 职场文书
合唱兴趣小组活动总结
2014/07/10 职场文书
建筑安全责任书范本
2014/07/24 职场文书
安全演讲稿开场白
2014/08/25 职场文书
乡镇干部个人对照检查材料思想汇报(原创篇)
2014/09/28 职场文书
群众路线教育查摆剖析材料
2014/10/10 职场文书
SQLServer2019 数据库环境搭建与使用的实现
2021/04/08 SQL Server
golang判断key是否在map中的代码
2021/04/24 Golang
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript