Angular入门级教程三 Angular 中的控制器（controller）

最新推荐文章于 2024-09-27 14:10:45 发布

原创最新推荐文章于 2024-09-27 14:10:45 发布 · 626 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了AngularJS中的控制器，它是应用程序数据的管理者，通过JavaScript对象构造。控制器使用ng-controller指令定义其作用域，可在模块内挂载多个，并通过该指令指定作用范围。通过实例学习如何定义函数和对象，理解控制器的范围限制，建议多加练习以深入掌握。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

控制器: 控制 AngularJS 应用程序的数据。实际上就是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。就是向页面中的作用域中添加额外的功能。

一般就会用到了之前说的ng-controller指令了，在页面的元素引入绑定中，就确定了作用范围在该元素中有效，当然ng-controller指令要先在模块中定义，

<div ng-app="myapp1">
		<div ng-controller="conTral">
				{{name}} 							
			</div>
		</div>

<script type="text/javascript">
		var app1=angular.module("myapp1",[]);
		app1.controller("conTral",function($scope){

	        $scope.name="tom"		
		});
	</script>

这里的controller有两个参数，第一个参数定义该控制器的名字，第二个是函数，函数中的$scope参数一个应用对象(属于应用变量和函数)。

通过上面一个简单例子可以看出它的使用过程，这只是非常简单的一个例子，$scope还可以定义函数，对象等。需要多做练习熟悉的掌握控制指令。

模块中，可以给模块挂载一个或者多个控制器，挂载好的控制器在当前模块范围内，可以通过ng-controller指令来指定控制器的作用范围，所以注意控制器的范围，一旦超出范围就无效了。
多做练习，熟悉快速的掌握控制器指令。请继续关注！！！