编程 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 easyui的tabs使用时的问题

Mar 23 Javascript

jQuery Ajax方法调用 Asp.Net WebService 的详细实例代码

Apr 27 Javascript

JQuery判断HTML元素是否存在的两种解决方法

Dec 26 Javascript

jquery validate 自定义验证方法介绍日期验证

Feb 27 Javascript

JavaScript的History API使搜索引擎抓取AJAX内容

Dec 07 Javascript

JavaScript驾驭网页-CSS与DOM

Mar 24 Javascript

JS判断iframe是否加载完成的方法

Aug 03 Javascript

jQuery滚动监听实现商城楼梯式导航效果

Mar 06 Javascript

详解node单线程实现高并发原理与node异步I/O

Sep 21 Javascript

Javascript和jquery在selenium的使用过程

Oct 31 jQuery

JS代码检查工具ESLint介绍与使用方法

Feb 04 Javascript

vue下载二进制流图片操作

Oct 26 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版快速排序、冒泡排序

2014/04/09 PHP

在Mac OS的PHP环境下安装配置MemCache的全过程解析

2016/02/15 PHP

php str_replace替换指定次数的方法详解

2017/05/05 PHP

基于jQuery的投票系统显示结果插件

2011/08/12 Javascript

JavaScript 基础篇之运算符、语句（二）

2012/04/07 Javascript

js使用栈来实现10进制转8进制与取除数及余数

2014/06/11 Javascript

JavaScript验证18位身份证号码最后一位正确性的实现代码

2014/08/07 Javascript

最流行的Node.js精简型和全栈型开发框架介绍

2015/02/26 Javascript

jquery实现红色竖向多级向右展开的导航菜单效果

2015/08/31 Javascript

JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法

2016/08/03 Javascript

JS实现向iframe中表单传值的方法

2017/03/24 Javascript

谈谈VUE种methods watch和compute的区别和联系

2017/08/01 Javascript

利用hasOwnProperty给数组去重的面试题分享

2018/11/05 Javascript

手把手教你 CKEDITOR 4 扩展插件制作

2019/06/18 Javascript

javascript开发实现贪吃蛇游戏

2020/07/31 Javascript

vue+element实现动态加载表单

2020/12/13 Vue.js

简析Python的闭包和装饰器

2016/02/26 Python

Python基于动态规划算法解决01背包问题实例

2017/12/06 Python

关于Python形参打包与解包小技巧分享

2019/08/24 Python

Python 闭包，函数分隔作用域，nonlocal声明非局部变量操作示例

2019/10/14 Python

利用Python发送邮件或发带附件的邮件

2020/11/12 Python

Peter Millar官网：美国高档生活服饰品牌

2018/07/02 全球购物

数据管理员的自我评价分享

2013/11/15 职场文书

党员自我批评与反省材料

2014/02/10 职场文书

《我为你骄傲》教学反思

2014/02/20 职场文书

索赔员岗位职责

2015/02/15 职场文书

个人求职自荐信范文

2015/03/06 职场文书

幼儿园重阳节活动总结

2015/05/05 职场文书

老人院义工活动感想

2015/08/07 职场文书

维护民族团结心得体会2016

2016/01/15 职场文书

老生常谈使用 CSS 实现三角形的技巧(多种方法)

2021/04/13 HTML / CSS

详解CSS玩转图片Base64编码

2021/05/25 HTML / CSS

Python爬虫中urllib3与urllib的区别是什么

2021/07/21 Python

Java中CyclicBarrier和CountDownLatch的用法与区别

2021/08/23 Java/Android

MySQL数据库如何给表设置约束详解

2022/03/13 MySQL

Docker与K8s关系介绍不会Docker也可以使用K8s

2022/06/25 Servers