AngularJS(五)MVC模式

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容