博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS ng-checked指令
阅读量:4288 次
发布时间:2019-05-27

本文共 915 字,大约阅读时间需要 3 分钟。

定义和用法

ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的 checked 属性。

如果 ng-checked 属性返回 true,复选框(checkbox)或单选按钮(radio)将会被选中。

语法

<
input 
type=
"checkbox|radio" 
ng-checked=
"expression"
>
<
/input
>

type 为 checkbox 或 radio 的 <input> 元素支持。


参数值

描述
expression 如果返回 true,将会选中元素选项。
简单实例:

JS代码

var app = angular.module('myApp', []);app.controller('validateCtrl', function ($scope) {    $scope.sex = true;    $scope.agree = true;    $scope.clickOne = function () {        $scope.sex = !$scope.sex;        $scope.agree = !$scope.agree;    }});

HTMl代码

Radio 控件测试

checked 控件测试

特别说明:

对于radio的绑定,主要指定属性==true,也就是

而不是单纯的指定属性,如果单纯指定属性不返回属性的值

更多参考:

转载地址:http://dfogi.baihongyu.com/

你可能感兴趣的文章
mqtt实现库对比
查看>>
动态权限申请,android7.08.0权限特征
查看>>
android虚拟键盘判断和高度获取代码
查看>>
android_WebView截图
查看>>
android-加固方案对比
查看>>
android状态栏黑色字体,时间电池深色
查看>>
一段比较坑的求职经历-from android little guy.
查看>>
Weex学习 and Kotlin学习
查看>>
几种直播流媒体协议
查看>>
ExoPlayer
查看>>
流媒体框架
查看>>
java语言当中-sleep()和await()的差异
查看>>
java锁机制
查看>>
android热插件,热更新,热修复,模块化
查看>>
(AndroidStudio)gradle配置多个代码仓库repositories
查看>>
facebook登录和分享
查看>>
YouTube集成
查看>>
程序员之路--项目重构的开发者心态
查看>>
Android 8.0新特性
查看>>
Android7.0新特性
查看>>