AngularJS-module

时间：2014-06-15 14:23:00 收藏：0 阅读：380

<!DOCTYPE html>
<html ng-app="firstapp">
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script>
			var app = angular.module(‘firstapp‘, []);
			app.factory(‘message’, function(){
				return {
					message : "I‘m a data from factory"
				};
			});
			function firstController($scope, message){
				$scope. message = message;
			}
		</script>
	</head>
	<body>
		<div ng-controller="firstController">
			<h1>{{ message}} </h1>
		</div>
	</body>
</html>

var app = angular.module(‘firstapp‘, []);

创建了一个module实例，第一个参数为 module名字，第二个参数为依赖数组。

app.factory(‘message‘, function(){
	return {
            message : "I‘m a data from factory"
        };
});

通过app创建一个名字为message的factory实例，并返回一个JSON对象。message可以被Controller所使用。

AngularJS-module,布布扣,bubuko.com