angular入门学习之二_ggsddu是什么意思-CSDN博客

本文链接：https://blog.csdn.net/xy_ggsddu/article/details/50845035

本篇示例展示两个模块之间的依赖注入。每个模块都有自己的控制器和方法。

上Demo

<!doctype html>
<html ng-app="myApp">
	<head>
		<title>Angularjs Dev</title>
	</head>
	<body>
		<div ng-controller="controllerA">
			<h2>Application Message</h2>
			{{message}}
		</div>
		<hr>
		<div ng-controller="controllerB">
			<h2>Module Message</h2>
			{{message}}
		</div>
		<script type="text/javascript" src="../angular.js"></script>
		<script type="text/javascript" src="inject_custom.js"></script>
	</body>
</html>

看过第一篇的读者应该不需要注释就能看懂上面的代码。

var myMod = angular.module('myMod',[]);//定义一个myMod的app
myMod.value('modMsg','Hellow Frome My Mod');
myMod.controller('controllerB',['$scope','modMsg',function($scope,modMsg){//获取B控制器并定义事件
	$scope.message = modMsg;
}]);
var myApp = angular.module('myApp',['myMod']);//将myMod加入myApp
myApp.value('appMsg','Hellow from My App');
myApp.controller('controllerA',['$scope','appMsg',function($scope,appMsg){//获取A控制权并定义事件
	$scope.message = appMsg;
}]);

比较来看，这个demo是干什么用的呢。首先我们可以把myApp和myMod当成两个对象。myApp即上面的html。myMod我们也不需要知道它到底是什么对象。但是我们myApp需要依赖myMod的一个方法。所以我们在myApp中注入myMod对象。那么myMod对象中的方法就能赋予我们的控制器B。