AngularJS入门教程之ng-checked 指令详解
更新时间：2016年08月01日 08:50:54 投稿：lqh
本文主要讲解AngularJS ng-checked 指令,在这整理ng-checked 指令的基础知识,并附代码实例,有需要的小伙伴可以参考下
AngularJS ng-checked 指令
AngularJS 实例
选择一个或选择所有选项:
<!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=""> <p>My cars:</p> <input type="checkbox" ng-model="all"> Check all<br><br> <input type="checkbox" ng-checked="all">Volvo<br> <input type="checkbox" ng-checked="all">Ford<br> <input type="checkbox" ng-checked="all">Mercedes <p>点击 "Check all" 选择所有的车。</p> </body> </html>
定义和用法
ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的 checked 属性。
如果 ng-checked 属性返回 true，复选框(checkbox)或单选按钮(radio)将会被选中。
语法
<input type="checkbox|radio" ng-checked="expression"></input>
type 为 checkbox 或 radio 的 <input> 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 如果返回 true，将会选中元素选项。 |
以上就是对AngularJS ng-checked 指令 的资料整理，后续继续补充，谢谢大家的支持！
您可能感兴趣的文章:
相关文章
本篇文章主要介绍angular+bootstrap的双向数据绑定的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要介绍了angular4 获取wifi列表中文显示乱码问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-10-10
本文通过几个循序渐进的例子，给大家详细讲解了如何快速入门AngularJS，十分的实用，这里推荐给大家，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了JS框架中Angular和React不同和差异，以及两个框架的深度对比介绍。2017-11-11
本篇文章主要介绍了Angualr 组件间通信，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
这篇文章主要介绍了关于 angularJS的一些用法的相关资料,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了详解angular脏检查原理及伪代码实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-06-06
这篇文章主要为大家介绍了Angular应用程序的Hydration基本概念详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-09-09
这篇文章主要介绍了AngularJS 仿微信图片手势缩放的实例的相关资料,希望大家通过本文实现这样的功能，需要的朋友可以参考下2017-09-09
这篇文章主要介绍了AngularJS实现Model缓存的方式，分享了多种AngularJS实现Model缓存的方法，感兴趣的小伙伴们可以参考一下2016-02-02
最新评论