码迷,mamicode.com
首页 > 其他好文 > 详细

angular中自定义依赖注入的方法和decorator修饰

时间:2016-12-22 00:03:27      阅读:432      评论:0      收藏:0      [点我收藏+]

标签:函数   app   cti   text   show   class   constant   rip   body   

自定义依赖注入的方法

1.factory(‘name‘,function () {

  return function(){

    

  }

});

 

2.provider(‘name‘,function(){

  this.$get=function(){

    return function(){

 

    }

  };

});

 

3.service(‘name‘,function(){

  this.n=v;

});

 

4.constant(‘name‘,‘value‘);

 

5value(‘name‘,‘value‘);

 

依赖的继承   $delegate指的是当前的数据

decorator(‘name‘,function($delegate){

  $delegata.a=12;

  return $delegate.a;

});

 

<!doctype html>
<html ng-app="text">
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="angular.js"></script>
<script>
var app=angular.module(‘text‘,[]);
//1>factory 最简单的方式,angular中实现方式相当于这里定义了,用的时候直接调用
app.factory(‘sum‘,function(){
	return function(num1,num2){
		return num1+num2;
	};	
});
app.controller(‘cont1‘,function($scope,sum){
	alert(sum(12,5));
});

//2>provider 供应者,专门提供的,并且可以配置
app.provider(‘formJson‘,function(){
	//此处的this相当于在原生js中的构造函数中new provider
	this.$get=function(){
		return {
			a:12,
			b:5	
		}
	};	
});
app.controller(‘cont2‘,[‘$scope‘,‘formJson‘,function($scope,formJson){
	console.log(formJson);	
}]);

//3>servier   服务   这种方法不用return 直接在servier上挂载即可
app.service(‘dataText‘,function(){
	this.showName=‘Jason‘;
	this.showAge=18;	
});   
app.controller(‘cont3‘,[‘$scope‘,‘dataText‘,function($scope,dataText){
	console.log(‘name:‘+dataText.showName+‘;age:‘+dataText.showAge);	
}]);

//4>constant  常量  不能修饰,也就是不能使用decorator的方法
app.constant(‘wumai‘,‘1000‘);
app.controller(‘cont4‘,[‘$scope‘,‘wumai‘,function($scope,wumai){
	console.log(‘北京的PM2.5:‘+wumai);	
}]);

//value  变量  可以修饰
app.value(‘jiaozi‘,‘delicious‘);

//decorator   angular中依赖是可以继承的,也就是装饰是可以继承的
app.decorator(‘jiaozi‘,function($delegate){
	$delegate.jiaozi=‘delicious!!!‘;
	return $delegate;	
});

app.controller(‘cont5‘,[‘$scope‘,‘jiaozi‘,function($scope,jiaozi){
	console.log(‘冬至的饺子:‘+jiaozi);	
}]);



</script>
</head>

<body>
	<div ng-controller="cont1"></div>
	<div ng-controller="cont2"></div>
	<div ng-controller="cont3"></div>
	<div ng-controller="cont4"></div>
	<div ng-controller="cont5"></div>
</body>
</html>

  

angular中自定义依赖注入的方法和decorator修饰

标签:函数   app   cti   text   show   class   constant   rip   body   

原文地址:http://www.cnblogs.com/jasonwang2y60/p/6209481.html

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