编程 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 的EasyLoader功能介绍

Sep 12 Javascript

javascript实现日历控件(年月日关闭按钮)

Dec 12 Javascript

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

Jan 24 Javascript

JQueryEasyUI Layout布局框架的使用

Apr 08 Javascript

JS 加入收藏夹的代码(主流浏览器通用)

May 13 Javascript

jQuery动画效果相关方法实例分析

Dec 31 Javascript

VUE 更好的 ajax 上传处理 axios.js实现代码

May 10 Javascript

vue 动态改变静态图片以及请求网络图片的实现方法

Feb 07 Javascript

vue.js 实现图片本地预览裁剪压缩上传功能

Mar 01 Javascript

详解webpack打包第三方类库的正确姿势

Oct 20 Javascript

如何实现一个webpack模块解析器

Oct 24 Javascript

使用Layui搭建后台管理界面的操作方法

Sep 20 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

3种平台下安装php4经验点滴

2006/10/09 PHP

PHP中的日期加减方法示例

2014/08/21 PHP

PHP用反撇号执行外部命令

2015/04/14 PHP

PHP实现简单汉字验证码

2015/07/28 PHP

PHP查看当前变量类型的方法

2015/07/31 PHP

PHP框架Laravel中实现supervisor执行异步进程的方法

2017/06/07 PHP

使用Firebug对js进行断点调试的图文方法

2011/04/02 Javascript

nodejs命令行参数处理模块commander使用实例

2014/09/17 NodeJs

果断收藏9个Javascript代码高亮脚本

2016/01/06 Javascript

vue.js的提示组件

2017/03/02 Javascript

JS自定义滚动条效果简单实现代码

2020/10/27 Javascript

使用JS来动态操作css的几种方法

2019/12/18 Javascript

Node.JS获取GET,POST数据之queryString模块使用方法详解

2020/02/06 Javascript

javascript将16进制的字符串转换为10进制整数hex

2020/03/05 Javascript

Element Card 卡片的具体使用

2020/07/26 Javascript

js数组的基本使用总结

2021/01/18 Javascript

Swift中的协议(protocol)学习教程

2016/07/08 Python

用virtualenv建立多个Python独立虚拟开发环境

2017/07/06 Python

Python 中字符串拼接的多种方法

2018/07/30 Python

Python实现简单石头剪刀布游戏

2021/01/20 Python

解决TensorFlow训练内存不断增长,进程被杀死问题

2020/02/05 Python

在Django中预防CSRF攻击的操作

2020/03/13 Python

使用HTML5原生对话框元素并轻松创建模态框组件

2019/03/06 HTML / CSS

美国最大的无人机经销商：DroneNerds

2018/03/20 全球购物

瑞典耳机品牌：URBANISTA

2019/12/03 全球购物

静态成员和非静态成员的区别

2012/05/12 面试题

WebSphere面试题：在WebSphere里面如何部署一个应用

2015/08/02 面试题

环境工程求职简历的自我评价范文

2013/10/24 职场文书

小学少先队活动方案

2014/02/18 职场文书

后勤主管岗位职责

2014/03/01 职场文书

七一活动主持词

2015/06/29 职场文书

早恋主题班会

2015/08/14 职场文书

2015年圣诞节寄语

2015/08/17 职场文书

如何制定销售人员薪酬制度？

2019/07/09 职场文书

Redis 持久化 RDB 与 AOF的执行过程

2021/11/07 Redis

分享很少见很有用的SQL功能CORRESPONDING

2022/08/05 MySQL