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

js对象之JS入门之Array对象操作小结

Jan 09 Javascript

js页面跳转的常用方法整理

Oct 18 Javascript

浅谈jquery回调函数callback的使用

Jan 30 Javascript

javascript中Array()数组函数详解

Aug 23 Javascript

简单了解JavaScript操作XPath的一些基本方法

Jun 03 Javascript

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍

Jun 24 Javascript

JavaScript制作简单的框选图表

May 15 Javascript

详解用vue编写弹出框组件

Jul 04 Javascript

Angular2监听页面大小变化的解决方法

Oct 09 Javascript

Node解决简单重复问题系列之Excel内容的获取

Jan 02 Javascript

websocket4.0+typescript 实现热更新的方法

Aug 14 Javascript

VUE解决 v-html不能触发点击事件的问题

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写出自己的BLOG系统 2

2010/04/12 PHP

PHP漏洞全解(详细介绍)

2012/11/13 PHP

php基于curl实现的股票信息查询类实例

2016/11/11 PHP

php使用include 和require引入文件的区别

2017/02/16 PHP

一份老外写的XMLHttpRequest代码多浏览器支持兼容性

2007/01/11 Javascript

一款js和css代码压缩工具[附JAVA环境配置方法]

2010/04/16 Javascript

关于extjs treepanel复选框选中父节点与子节点的问题

2013/04/02 Javascript

利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

2013/11/25 Javascript

Jquery.Form 异步提交表单的简单实例

2014/03/03 Javascript

node.js中的fs.chown方法使用说明

2014/12/16 Javascript

javascript正则表达式中的replace方法详解

2015/04/20 Javascript

Node.js中JavaScript操作MySQL的常用方法整理

2016/03/01 Javascript

jQuery的内容过滤选择器学习教程

2016/04/18 Javascript

JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法

2016/08/02 Javascript

JavaScript利用正则表达式替换字符串中的内容

2016/12/12 Javascript

js中数组插入、删除元素操作的方法

2017/02/15 Javascript

vue获取DOM元素并设置属性的两种实现方法

2017/09/30 Javascript

js读取本地文件的实例

2017/12/22 Javascript

vue+iview+less+echarts实战项目总结

2018/02/22 Javascript

微信小程序实现分享朋友圈的图片功能示例

2019/01/18 Javascript

Python中with及contextlib的用法详解

2017/06/08 Python

用Eclipse写python程序

2018/02/10 Python

Python2.7.10以上pip更新及其他包的安装教程

2018/06/12 Python

Python代码生成视频的缩略图的实例讲解

2019/12/22 Python

Pyqt5 关于流式布局和滚动条的综合使用示例代码

2020/03/24 Python

Python无头爬虫下载文件的实现

2020/04/02 Python

python小白切忌乱用表达式

2020/05/29 Python

linux系统都有哪些运行级别

2016/03/26 面试题

什么是封装

2013/03/26 面试题

2013年大学生的自我鉴定

2013/10/24 职场文书

捐助倡议书范文

2014/04/15 职场文书

2014院党委领导班子对照检查材料思想汇报

2014/09/24 职场文书

公司费用报销管理制度

2015/08/04 职场文书

礼仪培训心得体会

2016/01/22 职场文书

Python Django 后台管理之后台模型属性详解

2021/04/25 Python

SQL中去除重复数据的几种方法汇总(窗口函数对数据去重)

2023/05/08 MySQL