angular的service服务和factory服务

最好用app的属性方法定义服务。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>自定义服务</title>
		<script src="day2/src/angular.js"></script>
		<style type="text/css">
		</style>
	</head>
	<body>
		
		<div ng-app="fristApp">
			<div ng-controller="fristController">
				
			</div>
			
		</div>
	</body>
	<script type="text/javascript">
		// 可以用$provide service factory
		
		var myApp = angular.module('fristApp',[],function($provide){
			
			/*
			 $provide 是调用的$get方法。 可以返回任意类型。
			 factory 是调用的服务定义的方法。 直接写服务的名字就可以调用。  可以返回任意类型的数据
			 service返回一个对象类型的数据。 直接写服务名字就能直接调用功能。只能返回对象类型的数据。内部是通过new创建的对象。
			 * */
			
			// 这两个服务的方式放在app的第三个参数中
			$provide.factory('factoryService',function(){
				//console.log("factory创建");
				return "fujichao";
			});
			
			$provide.service('serviecService',function(){
				return {name:'fujichao',age:88}
			})
			
			
		});
		
		/*
		 总结:
		 	app上有provider service factory属性 可以直接创建服务;
		 	建议都通过app的属性自定义服务。
		 * */
		myApp.provider('pro',function(){
			this.$get = function(){
				return "provider";
			}
		});
		
		myApp.service('ser',function(){
			this.name = {name:"service"}
		});
		
		myApp.factory('fac',function(){
			return "fac"
		})
		
		
		myApp.controller('fristController',function(pro,ser,fac){
			
			console.log(pro);
			
			console.log(ser);
			console.log(fac)
		})
	</script>
</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值