单选按钮和复选框的数据绑定
2015-08-21 13:52
429 查看
单选按钮:
<div class="radio" ng-repeat="authMode in EnumItems.authModeSwitch"> <label> <input type="radio" id="inputAuthModeSwitch" name="inputAuthModeSwitch" ng-model="secProfile.authConfig.authModeSwitch" value="{{authMode.id}}"> <span class="text">{{authMode.name}}</span> </label> </div>
只要设置value和ng-model , 单选按钮就绑定到数据对象了.
复选框:
<pre name="code" class="javascript"> <div class="col-lg-3 col-sm-3 col-xs-6" ng-repeat="val in filterValues"> <div ng-class="{'checkbox':widget!='radio', 'radio':widget=='radio'}"> <label> <input type="checkbox" ng-model="isChecked" ng-click="onCheckboxChecked(isChecked, val)" ng-true-value="1" ng-false-value="0"> <span class="text">{{val.name}}</span> </label> </div> </div>
默认情况下,绑定到复选框上的值是ture或者false。有时候,我们希望返回的其它值。Angular提供了一种非常好的处理方式:使用ng-ture-value和ng-false-value。
对复选框选中时的处理可调用ng-click.
相关文章推荐
- 华为地铁换乘 Java
- 玩转Node.js - 06. 使其模块化
- 要认清自己的位置——在我断开之前
- Android 高仿微信6.0主界面 带你玩转切换图标变色
- 关于在CSDN中写博客时如何插入图片
- 通过超链接get方式传递id信息
- iOS Provisioning Profile(Certificate)与Code Signing详解
- Spring整合mongdb
- Linux 设备文件分类
- unity3d编辑器界面扩展,编辑状态下显示选择对象的所有脚本组件代码内容
- 中兴2016校招软件在线笔试题
- HDOJ 1010 Tempter of the Bone (DFS && 奇偶剪枝)
- linux版本FTP下载
- light oj 1138
- Flume-ng 自定义sink实现和属性注入
- javascript操作cookie
- 在线并使用数据库来推断在线
- 自定义UIAlertView及简单的回调函数使用说明
- linux 脚本入门篇
- PHP正则匹配替换图片地址