angular自定义服务

最新推荐文章于 2019-01-20 22:02:42 发布

sdfujichao

最新推荐文章于 2019-01-20 22:02:42 发布

阅读量528

点赞数

分类专栏： angularJS 文章标签： angular的服务相关的函数执行顺序

本文链接：https://blog.csdn.net/sdfujichao/article/details/51986795

版权

angularJS 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

在与服务有关的几个方法的执行顺序

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>只有provider可以进行config配置</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">
		
		var myApp = angular.module('fristApp',[],function($provide){
			
			
		});
		
		myApp.run(function(){
			console.log("run")
		})
		// 用于全局的配置 供应商概念 服务名+Provider ，这里proProvider就是指的pro服务。
		// 在服务指向之前就进行配置服务的信息。
		myApp.config(function(proProvider){
			proProvider.name = "proGongYing";
			
			console.log("progong");
			
		});
		
		
		/*
		 module创建
		 执行provider方法
		 拥有了对应的pro服务
		 拥有了proProvider供应商
		 执行config方法
		 在config中对服务进行控制配置
		 使用pro服务
		 实际上使用的是pro服务中$get返回的对象
		 * */
			
		// 只有provider创建的服务才有供应商。在config中只能注入provider
		myApp.provider('pro',function(){
			console.log("pro")
			this.name = "zhangsanreturnget";
			this.age = 40;
			this.$get = function(){
				var _this = this;
				var service = {};
				service.getName = function(){
					return _this.name;
				};
				service.getAge = function(){
					return _this.age;
				};
				return service
			}	
		});
		
		
		
		
		myApp.controller('fristController',function(pro){
			//pro.name = "fujichao"
			console.log(pro.getName());
			console.log(pro.getAge())
			
		})
	</script>
</html>

sdfujichao

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
angular自定义服务

在与服务有关的几个方法的执行顺序只有provider可以进行config配置 var myApp = angular.module('fristApp',[],function($provide){ }); myApp.run(function(){
复制链接

扫一扫

专栏目录