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

用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)

Jan 06 Javascript

div模拟滚动条效果示例代码

Oct 16 Javascript

使用JQuery库提供的扩展功能实现自定义方法

Sep 09 Javascript

js实现的捐赠管理完整实例

Jan 20 Javascript

PHP+mysql+Highcharts生成饼状图

May 04 Javascript

JavaScript使用FileSystemObject对象写入文本文件内容的方法

Aug 05 Javascript

将页面table内容与样式另存成excel文件的方法

Aug 05 Javascript

基于Jquery easyui 选中特定的tab

Nov 17 Javascript

JS获取子节点、父节点和兄弟节点的方法实例总结

Jul 06 Javascript

vue中Axios的封装与API接口的管理详解

Aug 09 Javascript

jquery登录的异步验证操作示例

May 09 jQuery

基于Vue的商品主图放大镜方案详解

Sep 19 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 Smarty初体验二获取配置信息

2011/08/08 PHP

PHP 5.5 创建和验证哈希最简单的方法详解

2013/11/07 PHP

ThinkPHP3.1新特性之多数据库操作更加完善

2014/06/19 PHP

微信API接口大全

2015/04/15 PHP

php实现屏蔽掉黑帽SEO的搜索关键字

2015/04/15 PHP

Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)

2016/03/21 PHP

php通过各种函数判断0和空

2020/07/04 PHP

Dojo 学习笔记入门篇 First Dojo Example

2009/11/15 Javascript

JavaScript高级程序设计学习笔记 js高级技巧

2011/09/20 Javascript

JS多物体任意值链式缓冲运动

2012/08/10 Javascript

js制作的鼠标悬浮时产生的下拉框效果

2012/10/27 Javascript

js读取配置文件自写

2014/02/11 Javascript

javascript在当前窗口关闭前检测窗口是否关闭

2014/09/29 Javascript

jquery增加和删除元素的方法

2015/01/14 Javascript

JS获取及设置TextArea或input文本框选择文本位置的方法

2015/03/24 Javascript

详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)

2018/07/24 Javascript

JS实现点击li标签弹出对应的索引功能【案例】

2019/02/18 Javascript

vue实现移动端返回顶部

2020/10/12 Javascript

python学习流程控制语句详解

2016/06/01 Python

举例讲解Python的lambda语句声明匿名函数的用法

2016/07/01 Python

Python连接SQLServer2000的方法详解

2017/04/19 Python

python机器学习之贝叶斯分类

2018/03/26 Python

python中将正则过滤的内容输出写入到文件中的实例

2018/10/21 Python

Pycharm保存不能自动同步到远程服务器的解决方法

2019/06/27 Python

css3绘制天猫logo实现代码

2012/11/06 HTML / CSS

详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)

2020/11/16 HTML / CSS

纯CSS3实现运行时钟的示例代码

2021/01/25 HTML / CSS

H5调用相机拍照并压缩图片的实例代码

2017/07/20 HTML / CSS

健身场所或家用健身设备：Life Fitness

2017/11/01 全球购物

寄语十八大感言

2014/02/07 职场文书

信息学院毕业生自荐信范文

2014/03/04 职场文书

老公保证书

2015/01/17 职场文书

2015年大学生入党自荐书

2015/03/24 职场文书

经费申请报告

2015/05/15 职场文书

Python基础之常用库常用方法整理

2021/04/30 Python

vue点击弹窗自动触发点击事件的解决办法(模拟场景)

2021/05/25 Vue.js