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

JavaScript 语法集锦脚本之家基础推荐

Nov 15 Javascript

jquery监控数据是否变化(修正版)

Apr 12 Javascript

JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式（六）

Apr 07 Javascript

表单类各种类型(文本框)失去焦点效果jquery代码

Apr 26 Javascript

JS和Jquery获取和修改label的值的示例代码

Jan 15 Javascript

页面装载js及性能分析方法介绍

Mar 21 Javascript

简单的js图片轮换代码(js图片轮播)

May 06 Javascript

Jquery实现仿京东商城省市联动菜单

Nov 19 Javascript

AngularJS入门教程之静态模板详解

Aug 18 Javascript

微信小程序仿猫眼实现实例代码

Mar 14 Javascript

将angular-ui的分页组件封装成指令的方法详解

May 10 Javascript

分析javascript中9 个常见错误阻碍你进步

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

Ecshop 后台添加新功能栏目及管理权限设置教程

2017/11/21 PHP

PHP延迟静态绑定的深入讲解

2018/04/02 PHP

JScript内置对象Array中元素的删除方法

2007/03/08 Javascript

javascript模拟select,jselect的方法实现

2012/11/08 Javascript

js自动下载文件到本地的实现代码

2013/04/28 Javascript

使用indexOf等在JavaScript的数组中进行元素查找和替换

2013/09/18 Javascript

js使用正则实现ReplaceAll全部替换的方法

2014/08/22 Javascript

JavaScript实现生成GUID（全局统一标识符）

2014/09/05 Javascript

jquery操作 iframe的方法

2014/12/03 Javascript

浅谈javascript对象模型和function对象

2014/12/26 Javascript

微信小程序网络API发起请求详解

2016/11/09 Javascript

js实现时间轴自动排列效果

2017/03/09 Javascript

bootstrap3使用bootstrap datetimepicker日期插件

2017/05/24 Javascript

jQuery绑定事件方法及区别(bind,click,on,live,one)

2017/08/14 jQuery

基于mpvue搭建微信小程序项目框架的教程详解

2019/04/10 Javascript

element-ui树形控件后台返回的数据+生成组织树的工具类

2020/03/05 Javascript

Vue中computed和watch有哪些区别

2020/12/19 Vue.js

Python写的Discuz7.2版faq.php注入漏洞工具

2014/08/06 Python

Django Admin实现上传图片校验功能

2016/03/06 Python

获取python文件扩展名和文件名方法

2018/02/02 Python

python+opencv实现车牌定位功能(实例代码)

2019/12/24 Python

PyQt5实现登录页面

2020/05/30 Python

css3+jq创作含苞待放的荷花

2014/02/20 HTML / CSS

加拿大最大的钻石商店：Peoples Jewellers

2018/01/01 全球购物

写好求职信第一句话的技巧

2013/10/26 职场文书

公关关系专员的自我评价分享

2013/11/20 职场文书

工程业务员岗位职责

2013/12/31 职场文书

初婚初育证明

2014/01/14 职场文书

店长职务说明书

2014/02/04 职场文书

大二法英学生职业生涯规划范文

2014/02/27 职场文书

2014购房个人委托书范本

2014/10/12 职场文书

2014年妇幼卫生工作总结

2014/12/09 职场文书

2014工程部年度工作总结

2014/12/17 职场文书

先进班组事迹材料

2014/12/25 职场文书

关于法制教育的宣传语

2015/07/13 职场文书

国庆节主题班会

2015/08/15 职场文书