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

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.extend方法的具体使用

    angular.extend方法的具体使用

    本篇文章主要介绍了angular.extend方法的具体使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例

    angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例

    这篇文章主要介绍了angular2/ionic2 实现搜索结果中的搜索关键字高亮的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • Angularjs实现数组随机排序的方法

    Angularjs实现数组随机排序的方法

    今天小编就为大家分享一篇Angularjs实现数组随机排序的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2018-10-10
  • Angular使用Restful的增删改

    Angular使用Restful的增删改

    今天小编就为大家分享一篇关于Angular使用Restful的增删改，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
    2018-12-12
  • Angularjs实现多个页面共享数据的方式

    Angularjs实现多个页面共享数据的方式

    本文给大家介绍使用Angularjs实现多个页面共享数据的方式，通过定义一个共享服务service来实现此功能，对angularjs共享数据相关知识感兴趣的朋友一起学习
    2016-03-03
  • 详解JavaScript的AngularJS框架中的表达式与指令

    详解JavaScript的AngularJS框架中的表达式与指令

    这篇文章主要介绍了JavaScript的AngularJS框架中的表达式与指令,文中罗列了几个常用的指令属性加以说明,需要的朋友可以参考下
    2016-03-03
  • angular4笔记系列之内置指令小结

    angular4笔记系列之内置指令小结

    这篇文章主要介绍了angular4笔记系列之内置指令小结,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • 举例简介AngularJS的内部语言环境

    举例简介AngularJS的内部语言环境

    这篇文章主要介绍了AngularJS的内部语言环境,展示不同语言环境下对货币或是日期等文本方面所产生的影响,需要的朋友可以参考下
    2015-06-06
  • AngularJs表单校验功能实例代码

    AngularJs表单校验功能实例代码

    这篇文章主要介绍了AngularJs表单校验功能实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2017-02-02
  • Angular使用动态加载组件方法实现Dialog的示例

    Angular使用动态加载组件方法实现Dialog的示例

    这篇文章主要介绍了Angular使用动态加载组件方法实现Dialog的示例,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-05-05

最新评论