码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS-module

时间:2014-06-15 14:23:00      阅读:380      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   java   ext   使用   

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

AngularJS-module

标签:style   class   blog   java   ext   使用   

原文地址:http://www.cnblogs.com/helbing/p/3789127.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!