码迷,mamicode.com
首页 > 其他好文 > 详细

angular学习笔记(四)

时间:2014-05-08 14:13:38      阅读:260      评论:0      收藏:0      [点我收藏+]

标签:style   blog   class   code   java   ext   

input元素的ng-model属性:

用于将input的值和变量的值进行双向绑定

bubuko.com,布布扣
<!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>
bubuko.com,布布扣

如果是text类型的input,绑定的就是它的value,如果是checkbox,绑定的就是选中状态的true或者false,

对input的绑定是双向的,即变量的变化,也会引起选中与否的变化(或者是value的变化),比如这里设置的checkRabbit值是true,那么它就是选中的,其余两个值设置的是false,他们就是不选中的,

同样,改变input的选中状态(或者是value值),它们绑定的变量也会被改变

angular学习笔记(四),布布扣,bubuko.com

angular学习笔记(四)

标签:style   blog   class   code   java   ext   

原文地址:http://www.cnblogs.com/liulangmao/p/3713758.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!