AngularJS基础 ng-selected 指令简单示例  更新时间:2016年08月03日 08:56:29   投稿:lqh   本文主要介绍AngularJS ng-selected 指令,这里对ng-selected 指令的基础资料做了详细介绍,并附有示例代码,有需要的小伙伴可以参考下 AngularJS ng-selected 指令 AngularJS 实例 获取选中的选项: 点击复选框选择 BMW 选项: 点击复选框选择 BMW 选项: 我喜欢的车: Volvo BMW Ford 定义和用法 ng-selected 指令用于设置 列表中的 元素的 selected 属性。 ng-selected 属性的表达式返回 true 则选项被选中。 语法 元素支持该指令。 参数值 值 描述 expression 如果表达式为 true 则选项被选中 以上就是对AngularJS ng-selected指令的基础资料整理,后续继续整理,谢谢大家的支持! 您可能感兴趣的文章: AngularJS service之select下拉菜单效果 AngularJS实现select的ng-options功能示例 angularjs的select使用及默认选中设置 AngularJS Select(选择框)使用详解 angularjs 实现带查找筛选功能的select下拉框实例 Angularjs实现带查找筛选功能的select下拉框示例代码 AngularJS入门教程之Select(选择框)详解 AngularJS select设置默认值的实现方法 AngularJS ng-selected 指令 相关文章 Angularjs在初始化未完毕时出现闪烁问题的解决方法分析 这篇文章主要介绍了Angularjs在初始化未完毕时出现闪烁问题的解决方法,结合实例形式分析了3种常用的闪烁问题解决方法,需要的朋友可以参考下 2016-08-08 Angular实现的敏感文字自动过滤与提示功能示例 这篇文章主要介绍了Angular实现的敏感文字自动过滤与提示功能,结合实例形式分析了AngularJS针对字符串的输入判定及实时显示相关操作技巧,需要的朋友可以参考下 2017-12-12 AngularJS基础 ng-value 指令简单示例 本文主要介绍AngularJS ng-value 指令,这里对ng-value 的基础资料做了整理,并附实例代码,有需要的小伙伴可以参考下 2016-08-08 angular使用md5,CryptoJS des加密的方法 这篇文章主要介绍了angular使用md5,CryptoJS des加密的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 2019-06-06 Angularjs中controller的三种写法分享 这篇文章给大家介绍了angularjs中controller的三种写法,每种写法都给出了示例代码,对大家理解和学习很有帮助,有需要的朋友们可以参考借鉴。 2016-09-09 Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例 这篇文章主要介绍了Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例,具有一定的参考价值,有兴趣的可以了解一下。 2017-01-01 AngularJS基于provider实现全局变量的读取和赋值方法 这篇文章主要介绍了AngularJS基于provider实现全局变量的读取和赋值方法,结合实例形式分析了AngularJS全局变量的声明、赋值、读取等相关使用技巧,需要的朋友可以参考下 2017-06-06 AngularJS实现的回到顶部指令功能实例 这篇文章主要介绍了AngularJS实现的回到顶部指令功能,结合实例形式分析了AngularJS返回到顶部功能的具体步骤与相关实现技巧,需要的朋友可以参考下 2017-05-05 基于angularJS的表单验证指令介绍 下面小编就为大家带来一篇基于angularJS的表单验证指令介绍。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 2016-10-10 AngularJS中ng-class用法实例分析 这篇文章主要介绍了AngularJS中ng-class用法,结合实例形式分析了ng-class的功能、使用方法与相关注意事项,需要的朋友可以参考下 2017-07-07 最新评论

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 ng-selected=”expression”></option>

<option> 元素支持该指令。

参数值

描述
expression 如果表达式为 true 则选项被选中

以上就是对AngularJS ng-selected指令的基础资料整理,后续继续整理,谢谢大家的支持!

您可能感兴趣的文章:

  • AngularJS service之select下拉菜单效果
  • AngularJS实现select的ng-options功能示例
  • angularjs的select使用及默认选中设置
  • AngularJS Select(选择框)使用详解
  • angularjs 实现带查找筛选功能的select下拉框实例
  • Angularjs实现带查找筛选功能的select下拉框示例代码
  • AngularJS入门教程之Select(选择框)详解
  • AngularJS select设置默认值的实现方法
张贴在3