AngularJS ng-checked指令
来源:互联网 发布:应用程序端口号 编辑:程序博客网 时间:2024/06/05 11:31
定义和用法
ng-checked 指令用于设置复选框(checkbox)或单选按钮(radio)的 checked 属性。
如果 ng-checked 属性返回 true,复选框(checkbox)或单选按钮(radio)将会被选中。
语法
<input type="checkbox|radio" ng-checked="expression"></input>
type 为 checkbox 或 radio 的 <input> 元素支持。
参数值
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代码
<h3>Radio 控件测试</h3> <p> <label> <input type="radio" value="男" name="sex" ng-model="value1" ng-checked="sex==true" /> 男 </label> <label> <input type="radio" value="女" name="sex" ng-model="value1" ng-checked="sex==false" /> 女 </label> <button class="btn btn-default" ng-click="clickOne();">修改</button> </p> <h3>checked 控件测试</h3> <p> <div class="checkbox"> <label> <input name="agree" type="checkbox" value="同意" ng-model="value2" ng-checked="agree" /> 同意协议 </label> </div> <div class="checkbox"> <label> <input name="agree" type="checkbox" value="同意2" ng-model="value2" ng-checked="agree" /> 同意协议2 </label> </div> </p>
特别说明:
对于radio的绑定,主要指定属性==true,也就是
<input id='sex' name="sex" type="radio" ng-model='sex' ng-checked="sex==true">男而不是单纯的指定属性,如果单纯指定属性不返回属性的值
<input id='sex' name="sex" type="radio" ng-model='sex' ng-checked="sex">男
更多参考:
AngularJS ng-checked指令
AngularJs ng-options
AngularJs checkbox绑定
AngularJs select绑定数字类型问题
0 0
- AngularJS ng-checked指令
- angularJs ng-checked
- AngularJS ng-cloak 指令
- AngularJS ng-model 指令
- AngularJS ng-model 指令
- AngularJS ng-model 指令
- AngularJS ng-list 指令
- AngularJS ng-open 指令
- AngularJs-指令<ng-**>
- AngularJS ng-show指令
- angularjs-ng-class指令
- AngularJS ng-style 指令
- AngularJS中ng-checked和checked的区别
- angularjs ul li radio span ng-class ng-checked demo
- 理解AngularJS指令 -- ng-view
- AngularJS 指令ng-if注意事项
- angularjs基础ng属性指令
- AngularJS之ng-app指令
- 描述计算机的组成及其功能
- ifconfig命令找不到
- 從零開始學 ReactJS:最完整的 React 生態系入門教程
- [Leetcode] House Robber
- poj2386
- AngularJS ng-checked指令
- leetcode-006 ZigZag Conversion
- 判断两个单链表是否有相同节点
- 阿里大于短信平台 Python3 初体验
- [Leetcode] Bulls and Cows
- git学习
- 最小化安装CentOS7的网卡设置
- [computational probability]1 probability and inference
- Android找不到R文件