AngularJs 自定义factory服务

自定义factory服务
	通过函数返回一个对象,在函数内部可以进行算式等操作然后赋值给返回的对象,value服务等提供的对象是较固定的键值对

	语法:app数据模型.factory('自定义factory名字',function(){
		var obj={};
		...
		return obj;
	})

代码示例:

<html ng-app='app' ng-controller='main' >
<head>
	<meta charset="utf-8">
	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
	<title ng-bind='mainTitle'></title>
	
	<script src='js/angular.js'></script>
	<script src='js/angular.route.min.js'></script>	
	<style>

	</style>
</head>
<body >
<!-- 向全局变量存储内容 -->
<div class='div1' ng-controller='con'>
	<input type="text" ng-model='msg'>
	<button ng-click='submit(msg)'>保存</button>	
</div>

<!-- 向全局变量获取内容 -->
<div class='div2' ng-controller='con2'>
<p ng-bind='showMsg'></p>
<button ng-click='download()'>下载</button>
		
</div>
 

<script>
	var app=new angular.module('app',[]);

	app.factory('ssr',function(){

		var obj={};
		obj.pname='jeff';
		return obj;
	})

	app.controller('main',['$scope',function($scope){
		$scope.mainTitle='value';
	}])

	app.controller('con',['$scope',function($scope){
		$scope.msg='';
		$scope.submit=function(temp)
		{
			//向全局变量存入msg
			
		}

	}])

	app.controller('con2',['$scope','ssr',function($scope,ssr){
			$scope.showMsg='';

			$scope.download=function()
			{
				console.log(ssr.pname);
			}

	}])
</script>
</body>
</html>
发布了300 篇原创文章 · 获赞 3 · 访问量 6389

猜你喜欢

转载自blog.csdn.net/weixin_43294560/article/details/104051926
今日推荐