脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → AngularJS → AngularJS ng-selected 指令

AngularJS基础 ng-selected 指令简单示例

 更新时间：2016年08月03日 08:56:29   投稿：lqh  
本文主要介绍AngularJS ng-selected 指令,这里对ng-selected 指令的基础资料做了详细介绍，并附有示例代码，有需要的小伙伴可以参考下

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 select 赋值 ng-options配置方法

    angularjs select 赋值 ng-options配置方法

    下面小编就为大家分享一篇angularjs select 赋值 ng-options配置方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • Angular2使用Angular-CLI快速搭建工程（二）

    Angular2使用Angular-CLI快速搭建工程（二）

    这篇文章主要介绍了Angular2使用Angular-CLI快速搭建工程（二）,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 浅谈angularJS 作用域

    浅谈angularJS 作用域

    这篇文章主要介绍了浅谈angularJS 作用域的相关资料,需要的朋友可以参考下
    2015-07-07
  • 详谈Angular路由与Nodejs路由的区别

    详谈Angular路由与Nodejs路由的区别

    下面小编就为大家带来一篇详谈Angular路由与Nodejs路由的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • Angular处理未可知异常错误的方法详解

    Angular处理未可知异常错误的方法详解

    这篇文章主要给大家介绍了关于Angular如何处理未可知异常错误的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • 详解webpack+angular2开发环境搭建

    详解webpack+angular2开发环境搭建

    这篇文章主要介绍了详解webpack+angular2开发环境搭建，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • AngularJS的依赖注入实例分析(使用module和injector)

    AngularJS的依赖注入实例分析(使用module和injector)

    这篇文章主要介绍了AngularJS的依赖注入,结合实例形式分析了依赖注入的原理及使用module和injector实现依赖注入的步骤与操作技巧,需要的朋友可以参考下
    2017-01-01
  • Angular4实现图片上传预览路径不安全的问题解决

    Angular4实现图片上传预览路径不安全的问题解决

    这篇文章主要给大家介绍了关于Angular4实现图片上传预览路径不安全问题的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧。
    2017-12-12
  • AngularJS折叠菜单实现方法示例

    AngularJS折叠菜单实现方法示例

    这篇文章主要介绍了AngularJS折叠菜单实现方法,结合完整实例形式分析了AngularJS实现折叠菜单的具体步骤与相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • 利用Angularjs和bootstrap实现购物车功能

    利用Angularjs和bootstrap实现购物车功能

    在学习了如何简单开始一个Angular程序之后，跟着网上的教程我也来实现一个购物车功能，为了减少页面样式设计我使用了bootstrap来偷懒，现在分享给大家，有需要的可以参考借鉴。
    2016-08-08

最新评论