和ng-app声明所有被它包含的元素都属于AngularJS应用一样,DOM元素上的ng-controller声明所有被它包含的元素都属于某个控制器,换句话说就是:在你的DOM
节点的开始的地方声明一个ng-controller,那么在节点结束之前,节点里面所有的元素都属于你声明的那个控制器
例如:
<div ng-controller="MyController">
.......你的代码
</div>
在div结束之前的代码中的所有元素都是MyController的元素。
所以数据绑定可以声明一个controller去控制
<html ng-app> <head> <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script> </head> <div ng-controller="MyController"> hello {{name}} </div> </html> <script> function MyController($scope){ $scope.name="zhy"; } </script>
显示 :hello zhy
内容很简单但是基本的原理就是这样了