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 相关文章推荐
JQuery AJAX实现目录浏览与编辑的代码
Oct 21 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
javascript中去除数组重复元素的实现方法【实例】
Apr 12 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
Aug 16 Javascript
再谈Javascript中的异步以及如何异步
Aug 19 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
Jan 16 Javascript
Vue.js学习示例分享
Feb 05 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
vue实现手机端省市区区域选择
Sep 27 Javascript
详解关闭令人抓狂的ESlint 语法检测配置方法
Oct 28 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访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
php清空(删除)指定目录下的文件,不删除目录文件夹的实现代码
2014/09/04 PHP
php缓冲输出实例分析
2015/01/05 PHP
php脚本运行时的超时机制详解
2016/02/17 PHP
javascript一些实用技巧小结
2011/03/18 Javascript
JS中eval函数的使用示例
2013/07/21 Javascript
js获取input标签的输入值实现代码
2013/08/05 Javascript
当鼠标移动时出现特效的JQuery代码
2013/11/08 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
基于Cookie常用操作以及属性介绍
2017/09/07 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
webpack proxy 使用(代理的使用)
2020/01/10 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
vue 验证两次输入的密码是否一致的方法示例
2020/09/29 Javascript
python中类的一些方法分析
2014/09/25 Python
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python中几种操作字符串的方法的介绍
2015/04/09 Python
python 中split 和 strip的实例详解
2017/07/12 Python
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
理论讲解python多进程并发编程
2018/02/09 Python
python各类经纬度转换的实例代码
2019/08/08 Python
python根据时间获取周数代码实例
2019/09/30 Python
python利用platform模块获取系统信息
2020/10/09 Python
英国图书音像网站:Hive.co.uk(图书、电子书、DVD、蓝光、音乐CD等)
2017/10/16 全球购物
党员群众路线自我剖析材料
2014/10/06 职场文书
预备党员转正材料
2014/12/19 职场文书
音乐课外活动总结
2015/05/09 职场文书
借款民事起诉状范文
2015/05/19 职场文书
对Keras自带Loss Function的深入研究
2021/05/25 Python
Python 内置函数速查表一览
2021/06/02 Python
Oracle锁表解决方法的详细记录
2022/06/05 Oracle
JS开发前端团队展示控制器来为成员引流
2022/08/14 Javascript