<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="js/angular.js"></script>
</head>
<body ng-controller="myController">
<input type="checkbox" name="" id="" ng-model="ischecked" />{{ischecked}}
<script type="text/javascript">
var module = angular.module("myApp",[]);
module.controller("myController",["$scope",function($scope){
$scope.ischecked = true;
console.log($scope.ischecked)
}])
</script>
</body>
</html>
这个复选框是怎么知道我选取之后改变ischecked的值的??????求解释
难道我选了这个复选框,这个ischecked就变成了true了吗,这是什么原理啊?
angular加载的时候,看看dom树里面有个没有ng-app标签,如果有,说明这个鱼塘,哦不,是dom节点被angular承包了!
顺着这个鱼塘往下看,angular扫描到某个子dom节点上有ng-controller,说明这片池子被myController这个养鱼人管理
接着继续扫描子子dom节点,发现input这类节点上出现ng-model字样!这就是要搞事情啊!于是给input加个change事件的监听,一旦用户鼠标行为出发了change事件,则立即修改与ng-model绑定的某个变量,再通知养鱼人myController和老的值进行比较,如果不同,则更新myController里的值。