MVC分别指Model(模型)、View(视图)、Controller(控制器),是一种软件设计思想

1. 控制器
· 像定义普通方法一样定义一个控制器(只适用于 1.3之前的版本)
<script type="text/javascript">
function LoginController($scope, $log) {
$scope.name = "admin";
$scope.password = "123456";
}
</script>
· 使用模块实例的controller()方法来声明一个控制器,该方法可接收两个参数,第一个参数为控制器名称,第二个参数为一个匿名方法,即控制器的构造方法。
<script type="text/javascript">
var app = angular.module("app", []);
app.controller("LoginController", function($scope, $log) {
$scope.name = "admin";
$scope.password = "123456";
});
</script>
$scope是作用域对象,是控制器与视图之间传递信息的载体;$log为AngularJS框架内置的日志服务对象,用于向控制台中输入日志信息
2. 控制器对象实例化
<body ng-controller = "LoginController">
3. 控制器的作用域范围
AngularJS框架自动为每个控制器实例创建了一个作用域对象,但是每个作用域对象只能与ng-controller所在的开始标签和结束标签之间的DOM元素进行数据绑定。
$log.info("name:" + $scope.name);
4. 控制器中处理DOM事件
在控制器中定义方法,通过AngularJS框架为我们提供的一系列事件绑定指令来绑定事件与控制器中的方法,指令如ng-click,ng-keyup