AngualrJS(四)input元素的ng-model属性
来源:互联网 发布:如何入驻淘宝同学 编辑:程序博客网 时间:2024/05/21 17:43
转载出处:http://www.cnblogs.com/liulangmao/p/3713758.html
input元素的ng-model属性:
用于将input的值和变量的值进行双向绑定
<!DOCTYPE html><html ng-app><head> <title>2.3.1input数据绑定</title> <meta charset="utf-8"> <script src="../angular.js"></script> <script src="script.js"></script></head><body> <div ng-controller = 'CheckStatus'> <form action=""> <input type="checkbox" ng-model="checkRabbit"/>rabbit:<span>{{checkRabbit}}</span> <br> <input type="checkbox" ng-model="checkDog"/>dog:<span>{{checkDog}}</span> <br> <input type="checkbox" ng-model="checkCat"/>cat:<span>{{checkCat}}</span> </form> </div></body></html>
如果是text类型的input,绑定的就是它的value,如果是checkbox,绑定的就是选中状态的true或者false,
对input的绑定是双向的,即变量的变化,也会引起选中与否的变化(或者是value的变化),比如这里设置的checkRabbit值是true,那么它就是选中的,其余两个值设置的是false,他们就是不选中的,
同样,改变input的选中状态(或者是value值),它们绑定的变量也会被改变
阅读全文
0 0
- AngualrJS(四)input元素的ng-model属性
- AngualrJS ng-model 数据绑定
- input元素的属性
- angularjs input ng-model 双向绑定无效的问题
- ionic ng-model controller中取不到值(input)
- ionic ng-model controller中取不到值(input)
- ng-model的作用及一般元素实现双向绑定
- angularJs中ng-repeat遍历动态生成的表单元素绑定ng-model无效的问题
- HTML5 里面 input元素的属性
- 关于表单元素input的placeholder属性
- angularjs上传 和 <input type="file">与ng-model 的玩法
- Angularjs input 使用onkeyup无法更新ng-model值的问题
- {{}}、ng-bind和ng-model的区别
- ng-model与ng-value的区别
- AngualrJS学习(十) ng指令
- HTML5 表单新增元素与属性 + input元素的种类(二)
- angularJS的ng-model指令
- angular应用,一个input上有自定义directive和ng-model,怎么在directive更新input的value时更新model
- lambda表达式
- pat:L1-031. 到底是不是太胖了
- AJAX(XMLHttpRequest.status)状态码
- 新人报道
- 字节流与字符流
- AngualrJS(四)input元素的ng-model属性
- 关于androidstudio突然没有提示的问题
- 提高sqlmap爆破效率
- 两个时间比较大小,结束日期不能大于起始日期,起始日期不能大于当前日期
- spring-boot-mybaits 整合
- Gradle入门系列(3):第一个Java项目
- yii2利用csrf防止表单重复提交
- Hierachy Viewer无法在真机上使用的解决方法
- 单例模式