Angulajs 表单的ng-model绑定
2024-04-07 15:11:42
1、对于文本框，只需设置 ng-model 属性就可以实现双向绑定，如：
<input type="text" class="form-control" ng-model="item">
这样在js中就可以通过 $scope.item来实现双向绑定。
2、单选按钮组的绑定方式，如：
<label> <input type="radio" name="optionsRadios" value="single" ng-model="seltype" >单选题</label>
<label> <input type="radio" name="optionsRadios" value="muti" ng-model="seltype">多选题</label>
在js中的代码：
1）初始化设置被选中的按钮： $scope.seltype = "muti" 这样初始时第2个radio就会被选中
2）获取被选中的按钮
如果 $scope.seltype 的值为 single ，则是第1个radio被选中。
如果 $scope.seltype 的值为 muti，则是第2个radio被选中。
3、复选框checkbox的绑定方式
<input type="checkbox" ng-model="selok">选中
在js中的代码
1）初始化选中：$scope.selok = true;
2）判断checkbox是否被选中：
如果 $scope.selok 返回true，则被选中；否则没有被选中
最新文章
- Oracle 数据操作
- [CF355C]Vasya and Robot（思维，贪心）
- android 横竖屏限制如何配置
- Js中获取frames中的元素
- Feature Extraction
- 【转载】R6034错误，C Runtime Error
- hdu 1573 x问题（中国剩余定理）HDU 2007-1 Programming Contest
- 纪念SlingShot 矩阵
- NoSQL架构实践
- python——变量
- sqlserver 删除表 视图 函数 存储过程
- shell-awk详细笔记
- 第二次作业——分布式版本控制系统Git的安装与使用
- JS-JS创建数组的三种方法
- Caused by: java.sql.SQLException: ORA-24816: 在实际的 LONG 或 LOB 列之后提供了扩展的非 LONG 绑定数据
- java 使用grpc步骤
- Git 学习（六）分支管理
- 使用抓包工具pproxy
- 【BZOJ】2125: 最短路 圆方树（静态仙人掌）
- 深入理解java虚拟机笔记之一