angularJS学习之路（二）---模块

wust小吴

于 2015-11-22 19:23:17 发布

阅读量822

点赞数

分类专栏： angularjs 文章标签： angularjs

本文链接：https://blog.youkuaiyun.com/u014737138/article/details/49980039

版权

angularjs 专栏收录该内容

31 篇文章

订阅专栏

模块定义了一个应用程序。

模块是应用程序中不同部分的容器。

模块是应用控制器的容器。

控制器通常属于一个模块。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>

		<div ng-app="myApp" ng-controller="myCtrl">
			{{ firstName + " " + lastName }}
		</div>

		<script type="text/javascript" src="../js/angular.min.js" ></script>
		<script>
			/*定义一个应用，也就是一个模块 参数：名称 ，依赖*/
			/*在模块定义中 [] 参数用于定义模块的依赖关系；
			 * 中括号[]表示该模块没有依赖，
			 * 如果有依赖的话会在中括号写上依赖的模块名字*/
			var app = angular.module("myApp", []);
			/* 模块 "myApp" 定义了一个控制器  "myCtrl"*/
			app.controller("myCtrl", function($scope) {
			    $scope.firstName = "John";
			    $scope.lastName = "Doe";
			});
		</script>
	</body>

</html>