angularJS学习之路(二)---模块

时间:2022-06-25
本文章向大家介绍angularJS学习之路(二)---模块,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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

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

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

<!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>