编程 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全屏焦点图左右切换插件responsiveslides

Sep 07 Javascript

jQuery的Ajax用户认证和注册技术实例教程(附demo源码)

Dec 08 Javascript

第六章之辅组类与响应式工具

Apr 25 Javascript

JS实现pasteHTML兼容ie,firefox,chrome的方法

Jun 22 Javascript

AngularJs基于角色的前端访问控制的实现

Nov 07 Javascript

Angular组件化管理实现方法分析

Mar 17 Javascript

详解ES6之用let声明变量以及let loop机制

Jul 15 Javascript

Angular移动端页面input无法输入的解决方法

Nov 14 Javascript

JavaScript学习教程之cookie与webstorage

Jun 23 Javascript

微信小程序自定义单项选择器样式

Jul 25 Javascript

使用vue实现HTML页面生成图片的方法

Mar 12 Javascript

three.js 将图片马赛克化的示例代码

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

亚洲咖啡有什么？亚洲咖啡产地介绍亚洲咖啡有什么特点？

2021/03/05 新手入门

支持php4、php5的mysql数据库操作类

2008/01/10 PHP

php面向对象全攻略（三）特殊的引用“$this”的使用

2009/09/30 PHP

PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)

2017/02/04 PHP

基于jquery的滑动样例代码

2010/11/20 Javascript

jquery Tab效果和动态加载的简单实例

2013/12/11 Javascript

JQuery实现动态表格点击按钮表格增加一行

2014/08/24 Javascript

nodejs 提示‘xxx’ 不是内部或外部命令解决方法

2014/11/20 NodeJs

javascript如何实现360度全景照片问题汇总

2016/04/04 Javascript

javascript数组遍历的方法实例分析

2016/09/13 Javascript

AngularJS入门教程之多视图切换用法示例

2016/11/02 Javascript

AngularJS过滤器filter用法实例分析

2016/11/04 Javascript

easyui form validate总是返回false的原因及解决方法

2016/11/07 Javascript

Node.js创建HTTP文件服务器的使用示例

2018/05/11 Javascript

在微信小程序中保存网络图片

2019/02/12 Javascript

微信小程序使用websocket通讯的demo，含前后端代码，亲测可用

2019/05/22 Javascript

js实现旋转木马轮播图效果

2020/01/10 Javascript

ant design vue导航菜单与路由配置操作

2020/10/28 Javascript

sqlalchemy对象转dict的示例

2014/04/22 Python

举例讲解Linux系统下Python调用系统Shell的方法

2015/11/07 Python

解决Scrapy安装错误:Microsoft Visual C++ 14.0 is required...

2017/10/01 Python

python数据类型判断type与isinstance的区别实例解析

2017/10/31 Python

python爬虫获取淘宝天猫商品详细参数

2020/06/23 Python

详解Python的三种可变参数

2019/05/08 Python

python使用配置文件过程详解

2019/12/28 Python

利用python实现逐步回归

2020/02/24 Python

三步解决python PermissionError: [WinError 5]拒绝访问的情况

2020/04/22 Python

python查找特定名称文件并按序号、文件名分行打印输出的方法

2020/04/24 Python

python中函数返回多个结果的实例方法

2020/12/16 Python

css3 transform及原生js实现鼠标拖动3D立方体旋转

2016/06/20 HTML / CSS

基于Html5实现的react拖拽排序组件示例

2018/08/13 HTML / CSS

HTML5实现获取地理位置信息并定位功能

2015/04/25 HTML / CSS

Fox Racing官方网站：越野摩托车和山地自行车装备和服装

2019/12/23 全球购物

新闻学专业应届生求职信

2013/11/08 职场文书

2014教师教育实践活动对照检查材料思想汇报

2014/09/21 职场文书

2015年度个人教学工作总结

2015/05/20 职场文书