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

CLASS_CONFUSION JS混淆全源码

Dec 12 Javascript

js不能跳转到上一页面的问题解决方法

Mar 01 Javascript

jQuery实现点击图片翻页展示效果的方法

Feb 16 Javascript

JavaScript获取页面中超链接数量的方法

Nov 09 Javascript

javascript实现密码验证

Nov 10 Javascript

Easyui form combobox省市区三级联动

Jan 13 Javascript

jQuery Easyui datagrid/treegrid 清空数据

Jul 09 Javascript

JS简单实现浮动窗口效果示例

Sep 07 Javascript

jQuery鼠标移动图片上实现放大效果

Jun 25 jQuery

详解vue-router和vue-cli以及组件之间的传值

Jul 04 Javascript

layui默认选中table的CheckBox复选框方法

Sep 19 Javascript

p5.js临摹动态图形实现方法详解

Oct 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常用字符串的总结(待续)

2013/06/07 PHP

本地机apache配置基于域名的虚拟主机详解

2013/08/10 PHP

php cookie使用方法学习笔记分享

2013/11/07 PHP

js动态拼接正则表达式的两种方法

2014/03/04 Javascript

href下载文件根据id取url并下载

2014/05/28 Javascript

用C/C++来实现 Node.js 的模块（二）

2014/09/24 Javascript

JavaScript实现鼠标滑过图片变换效果的方法

2015/04/16 Javascript

jquery模拟实现鼠标指针停止运动事件

2016/01/12 Javascript

js不间断滚动的简单实现

2016/06/03 Javascript

利用Node.JS实现邮件发送功能

2016/10/21 Javascript

在ES5与ES6环境下处理函数默认参数的实现方法

2018/05/13 Javascript

Node.js实现用户评论社区功能（体验前后端开发的乐趣）

2019/05/09 Javascript

Echarts动态加载多条折线图的实现代码

2019/05/24 Javascript

layui实现二维码弹窗、并下载到本地的方法

2019/09/25 Javascript

Vue项目vscode 安装eslint插件的方法(代码自动修复)

2020/04/15 Javascript

angular组件间传值测试的方法详解

2020/05/07 Javascript

移动端JS实现拖拽两种方法解析

2020/10/12 Javascript

[01:38]完美世界高校联赛决赛花絮

2018/12/02 DOTA

探索Python3.4中新引入的asyncio模块

2015/04/08 Python

在Linux下调试Python代码的各种方法

2015/04/17 Python

在Python中测试访问同一数据的竞争条件的方法

2015/04/23 Python

Python通过90行代码搭建一个音乐搜索工具

2015/07/29 Python

Python编程之微信推送模板消息功能示例

2017/08/21 Python

Python 循环语句之 while，for语句详解

2018/04/23 Python

利用Python将数值型特征进行离散化操作的方法

2018/11/06 Python

python将处理好的图像保存到指定目录下的方法

2019/01/10 Python

python使用selenium实现批量文件下载

2019/03/11 Python

python中的协程深入理解

2019/06/10 Python

基于python读取.mat文件并取出信息

2019/12/16 Python

纯CSS3编写的的精美动画进度条(无flash/无图像/无脚本/附源码)

2013/01/07 HTML / CSS

总经理助理的职责

2014/03/14 职场文书

奶茶店创业计划书

2014/08/14 职场文书

领导干部群众路线对照检查材料

2014/11/05 职场文书

2015新年联欢晚会开场白

2014/12/14 职场文书

导游词之清晏园

2019/11/22 职场文书

python基础入门之普通操作与函数（三）

2021/06/13 Python